Question

我有用例可以从数据库中呈现组件。在数据库中，它们以字符串格式存储，如下所示：

let Sample = `({firstName})=><h1>My name is {firstName}</h1>`;

当我尝试在react中渲染它时，它显示为字符串。如何呈现功能组件的字符串类型。

class App extends Component {

  this.state = {
  "sathish" : "firstName",
  }

  render (){
      // how do it use string of functional component like below
      return <Sample firstName={this.state.firstName} />
   }
}

Answer 1

您可以为此使用eval：让Sample = eval（({firstName})=><h1>My name is {firstName}</h1>）;

或更复杂的解决方案是https://babeljs.io/docs/en/babel-parser#example

如何在React中渲染功能组件的String？

1 个答案: