ReactJS 道具完整参考

React 允许我们使用称为 props（代表属性）的东西将信息传递给组件。道具基本上是一种全局变量或对象。我们将在本文中详细了解这些内容。

传递和访问 props：当我们为任何 HTML 标签声明属性时，我们可以将 props 传递给任何组件。看看下面的代码片段：

在上面的代码片段中，我们将一个名为 sampleProp 的 prop 传递给名为 DemoComponent 的组件。该道具的值为“HelloProp” 。现在让我们看看如何访问这些道具。

我们可以从 props 传递到的组件的类中访问任何内部的 props。可以访问props，如下所示：

this.props.propName;

我们可以使用上述语法从组件的类中访问任何道具。 'this.props' 是一种全局对象，用于存储组件的所有道具。 propName，即 props 的名称是这个对象的键。

例子：

Javascript

Javascriptimport React from 'react'; 
import ReactDOM from 'react-dom'; 
   
// Sample component to illustrate props 
class DemoComponent extends React.Component{ 
    render(){ 
        return(

输出：

完整的道具列表如下：

• 反应JS |方法作为道具
• 反应JS |道具类型
• 反应JS |道具 - 设置 1
• 反应JS |道具 - 设置 2
• 单向数据流
• 反应JS | React 中的状态
• 反应JS |状态与道具
• 反应JS |实施状态和生命周期