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