reactjs – 使用流式手动创建react元素Object

发布时间：2020-12-15 20:18:55 所属栏目：百科来源：网络整理

导读：是否可以手动创建react元素对象而不使用react.createElement. 我们的想法是在从html流式传输时创建嵌套的react元素树.问题是我在流媒体中没有意识到嵌套的孩子. 我的目标是能够从嵌套对象创建一个react元素.即： {???"tag": "div",???"attribs": {},???"chil

是否可以手动创建react元素对象而不使用react.createElement.

我们的想法是在从html流式传输时创建嵌套的react元素树.问题是我在流媒体中没有意识到嵌套的孩子.

我的目标是能够从嵌套对象创建一个react元素.即：

{
???"tag": "div",???"attribs": {},???"children": [
??????{
?????????"tag": "p",?????????"attribs": {},?????????"children": [],?????????"text": "test"
??????},??????{
?????????"tag": "div",?????????"children": [
????????????{
???????????????"tag": "p",???????????????"attribs": {},???????????????"children": [],???????????????"text": "hi"
????????????}
?????????]
??????}
???]
}

解决方法

您还可以使用React.createElement创建嵌套组件,但您需要遵循特殊语法来实现它.

标签需要是类型和属性需要是道具,但您可以迭代您的对象并在需要时重命名这些键,这不是问题.

现在有这样的事情：

var data = {
   "type": "div","props": {anyProp: true},"children": [
      {
         "type": "p","props": {},"children": [],"text": "test"
      },{
         "type": "div","children": [
            {
               "type": "p","text": "hi"
            }
         ]
      }
   ]
}

你可以使用React.createElement(data.type,data.props,data.children);创建一个包括所有子项,属性等的组件.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!