将道具传递给另一个组件，同时被推送到变量，同时显示

import React from 'react';
import ReceivingComponent from './ReceivingComponent';

class SendingComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      data: 'Hello World',
    };
  }

  render() {
    return (
      <div>
        <ReceivingComponent data={this.state.data} />
      </div>
    );
  }
}

export default SendingComponent;

import React from 'react';

class ReceivingComponent extends React.Component {
  render() {
    return (
      <div>
        <p>{this.props.data}</p>
      </div>
    );
  }
}

export default ReceivingComponent;