javascript - react : what determines that a Stateless React component is actually a React component?

标签 javascript reactjs

在 ES6 语法中,很容易理解从 React 扩展 Component 的组件是 React 组件。例如:

import { Component } from 'react';
class ExampleComponent extends Component {
     render(){
          return(
              //render component content here
          )
     }
}

但是如果您使用无状态组件方法重写它:

const ExampleComponent = (props) => {
    return
        //render component content here
}

...幕后发生了什么,使该组件继承了 Component 的生命周期行为?

最佳答案

作为函数的无状态组件,充当生命周期方法中的渲染方法的主体。当您将组件定义为函数时,它被包装在类的渲染方法中。

组件类的 render() === 无状态组件函数

关于javascript - react : what determines that a Stateless React component is actually a React component?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42982739/

相关文章:

php - 跨域xmlhttp

validation - redux-form:在服务器验证错误后抛出 SubmissionError

reactjs - 如何将焦点从一个文本输入转移到另一个文本输入?

javascript - Laravel-Vuejs : Remove repeated time slots

javascript - 从 codepen 导出时,此 JavaScript 将不起作用。代码必须全部在一页中运行

javascript - 关于更改事件问题的 jQuery 输入元素 - 多个属性类

javascript - 如何使用react-google-maps为使用create-react-app创建的React应用程序添加Google Maps API key ?

javascript - 当您克隆 Backbone.Collection 时,模型引用是否完好无损?

javascript - 如何在 onClick 事件期间更改 React 中多个元素的状态

javascript - react native : How do you implement DatePickerAndroid?