1

我在使用 Draft.js 时遇到了一点麻烦。

当我设置道具blockRenderMap等于地图时

{'unstyled': {
    element: MyCustomTextBlock
}}

然后我的组件MyCustomTextBlock得到props.children.

所以它可以像包装器一样工作:

const MyCustomTextBlock = (props) => {
    return <div className="my-custom-text-block">{
        props.children
    }</div>
};

在上面的代码props.children中呈现为样式文本。但是当我替换blockRenderMap为时blockRendererFn,我完全不知道如何将样式文本插入到我的组件中。该方法只接受参数是contentBlock.

(contentBlock) => {
    if (contentBlock.getType() === 'unstyled') {
        return {
            component: MyCustomTextBlock
        };
    }
    return null;
}

那么,可能有人知道如何将孩子传递给包装器,或者可能如何手动渲染它们?

4

0 回答 0