React 函数组件传值：简单易懂的教程

React 函数组件可以通过'props'（属性）来实现传值。在父组件中，将需要传递的值作为属性传递给子组件，在子组件中通过'props'来获取这些属性值。具体实现方式如下：

父组件：

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

function ParentComponent() {
  const name = 'Tom';
  return (
    <div>
      <ChildComponent name={name} />
    </div>
  );
}

export default ParentComponent;

子组件：

import React from 'react';

function ChildComponent(props) {
  return <div>My name is {props.name}</div>;
}

export default ChildComponent;

在上面的例子中，父组件中定义了一个名为'name'的变量，并通过属性将其传递给子组件。在子组件中，通过'props.name'来获取这个属性值，并显示在组件中。

需要注意的是，'props'是只读的，不能在子组件中修改'props'中的属性值。如果需要修改，可以将父组件中的属性值设置为状态，然后通过回调函数来修改状态。