问手动实例化ReactNative组件？

EN

在ReactNative中，您似乎可以执行类似于新SomeComponent(props)的操作，并返回someComponent.render()

不怎么有意思。如果手动实例化组件类，除其他外，生命周期方法(componentWillMount()、componentDidMount()将无法工作。

我猜这基本上就是JSX在直接声明

看看babel编译到什么，但基本上JSX编译成普通的js：

class Hello extends React.Component {
  render() {
    return <div>Hello {this.props.toWhat}</div>;
  }
}

翻译为：

class Hello extends React.Component {
  render() {
    return React.createElement('div', null, `Hello ${this.props.toWhat}`);
  }
}

如果是这样的话，是否存在手动操作组件而不是使用JSX的潜在缺点？

您可以使用React.createElement，完全避免使用JSX，但在我的经验中，这更难、更详细。手动实例化组件，虽然正如您最初建议的那样，但它违背了使用React的目的:)

一些更详细的好链接：

https://reactjs.org/docs/react-without-jsx.html

https://reactjs.org/docs/react-component.html