有人可以解释React Native语法“render（）{...}”吗？

Question

抱歉新手问题。我试图搜索，但很难找到合适的关键字来搜索我的问题。我正在尝试理解Native React的以下语法。

render() {
    ...
}

是调用函数还是定义函数？它看起来像ES6的箭头功能：“（）=＆gt; {...}”。但是它的前面有一个名为“render”的（）并且没有“=＆gt;”标志。此外，没有关键字“功能”。很困惑......

这种语法来自哪里，它是如何工作的？它是更长语法的浓缩版本吗？我怎么写ES5？

谢谢！

Answer 1

我不是真的写React Native但是我写了很多ReactJs，我相信它有很多共同之处。 Render（）是反应的生命周期方法之一。每次调用组件的状态或道具时，都会调用render函数。在渲染中，你应该总是有一个返回JSX的return语句。 JSX的语言看起来很像HTML，但在幕后为你做了一些奇特的东西。如果您想了解更多有关React生命周期的信息，请阅读他们的文档：https://reactjs.org/docs/react-component.html