如何使用blockRendererFn渲染块的样式数据?

时间:2017-02-10 15:39:30

标签: reactjs draftjs

我在使用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;
}

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

0 个答案:

没有答案