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