react中类组件如何实现传值

在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属性获取该值并显示在页面上。