react脱离JXS

脱离JXS

React中并不一定要用JSX,JSX只是React.createElement(component, props, ...children)的语法糖，完全可以用原生JS替代

示例：

//JXSclass Hello extends React.Component {  render() {    return <div>Hello {this.props.toWhat}</div>;  }}ReactDOM.render(  <Hello toWhat="World" />,  document.getElementById('root'));// JSclass Hello extends React.Component {  render() {    return React.createElement('div', null, `Hello ${this.props.toWhat}`);  }}ReactDOM.render(  React.createElement(Hello, {toWhat: 'World'}, null),  document.getElementById('root'));

如果想了解更多JSX转换JS，可以在这里试验