我在使用 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;
}
那么,可能有人知道如何将孩子传递给包装器,或者可能如何手动渲染它们?