Question

我有一个案例需要从名为React Component的func返回func，并希望将其呈现在另一个文件中。该组件呈现为[object Object]

链接到Fiddle

class A extends React.Component {
  render() {
    var val = B.func("hii");
    return (
      <div>
        {val}
      </div>
    )
  }
}

B.js

let B = {
  func: function(msg) {
    return msg.replace(/i/g, function myFunction(x){
      var imgTag = <span>Hello</span>
      return imgTag;
    });
  }
}

我想渲染它，但它渲染为[object Object]。我无法看到什么是错的。

Answer 1

如果你有一些文本，你想用反应组件替换文本的某些部分，你不能只用replace函数来做，因为你试图将React Element Object转换为字符串。我认为更好的方法是匹配你的模式并创建一个元素数组，在React中呈现它。

例如，您需要transofrm：

'some text REPLACEME other text'

要：

['some text', React.createElement('A', {}, null), 'other text']

现在不能提供更好的代码示例，抱歉; D

React Js：将React Component存储在变量中，稍后再使用它

1 个答案: