React 类组件传值：详解 Props 属性使用

在 React 中，类组件可以通过 props 属性来接收父组件传递的值。父组件可以在使用该类组件时，通过 props 属性传递数据给子组件。子组件可以在自己的 render 函数中使用 props 属性来获取父组件传递的值。

例如，父组件传递一个名字给子组件：

// ParentComponent.js
import React, { Component } from 'react';
import ChildComponent from './ChildComponent';

class ParentComponent extends Component {
  render() {
    return (
      <div>
        <ChildComponent name='John' />
      </div>
    );
  }
}

export default ParentComponent;

子组件可以在 render 函数中获取父组件传递的值：

// ChildComponent.js
import React, { Component } from 'react';

class ChildComponent extends Component {
  render() {
    return (
      <div>
        <p>Hello, {this.props.name}!</p>
      </div>
    );
  }
}

export default ChildComponent;

在上面的例子中，父组件传递了一个名字 'John' 给子组件，子组件使用 props 属性获取该值并显示在页面上。