父组件存值传给子组件react

在 React 中，父组件可以通过 `props` 属性将值传递给子组件。可以在父组件中定义一个属性，然后将其作为子组件的属性传递。子组件可以通过 `this.props` 访问这些属性。

以下是一个简单的例子，展示了如何通过 `props` 将值从父组件传递到子组件：

// 父组件
import React from 'react';
import ChildComponent from './ChildComponent';

class ParentComponent extends React.Component {
  render() {
    const name = 'Tom';
    return (
      <div>
        <ChildComponent name={name} />
      </div>
    );
  }
}

// 子组件
import React from 'react';

class ChildComponent extends React.Component {
  render() {
    return (
      <div>
        <p>My name is {this.props.name}.</p>
      </div>
    );
  }
}

export default ChildComponent;

在这个例子中，父组件定义了一个 `name` 变量，并将其作为 `name` 属性传递给子组件。子组件可以访问 `name` 属性，并在渲染时将其显示在页面上。

注意，父组件中定义的属性可以是任何类型的数据，包括字符串、数字、对象等。在子组件中使用时，可以像使用普通的 JavaScript 变量一样访问它们。