如何从函数内渲染 React 组件？开爱 开爱

Question

等等等等，吸它OPEN AI。

显然我需要更多角色......

Answer 1

在这种情况下，您可以选择不使用 JSX：

menuClick: function(index) {
        render(
            React.createElement(index, null, ''),
            document.getElementById('content')
        );
    },

Answer 2

您可以使用组件的

state

来执行此操作

    var Menu = React.createClass({
      getInitialState: function() {
        return {
          data: [],
          message: null
        };
      },
      componentDidMount: function() {
        // do something
      },
      menuClick: function(index) {
        this.setState({
          message: index
        });
      },

      getText: function() {
        if (this.state.message) {
          return (
            <h1>{this.state.message}</h1>
          );
        }
        return null;
      }

      render: function() {
        return (
          <div>
            <span>
              <span className="menuLink" onClick={this.menuClick.bind(this, "welcome")}>Home</span>&nbsp;
              <span className="menuLink" onClick={this.menuClick.bind(this, "management")} >Generator Management</span>&nbsp;
              <span className="menuLink" onClick={this.menuClick.bind(this, "about")}>About Us</span>
            </span>
            {this.getText()}
          </div>
        );
      }
    });