react 类组件如何实现传值

React 类组件可以使用props属性来传递值。在父组件中使用属性将值传递给子组件，在子组件中使用this.props来获取传递的值。可以通过修改props属性来更新子组件的值。以下是一个简单的示例：

父组件：

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

class ParentComponent extends Component {
  state = {
    message: 'Hello World!'
  };

  render() {
    return (
      <div>
        <ChildComponent message={this.state.message} />
      </div>
    );
  }
}

export default ParentComponent;

子组件：

import React, { Component } from 'react';

class ChildComponent extends Component {
  render() {
    return <div>{this.props.message}</div>;
  }
}

export default ChildComponent;

在此示例中，父组件将message值作为props传递给子组件，并在子组件中将其显示出来。如果要更改子组件的值，可以在父组件中更改props属性的值，并将其重新传递给子组件。