父组件向子组件传多值

父组件向子组件传递多个值可以通过props来实现。在父组件中，可以将要传递的多个值作为props的属性传递给子组件。以下是一个示例：

父组件：

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

const ParentComponent = () => {
  const value1 = 'Value 1';
  const value2 = 'Value 2';
  const value3 = 'Value 3';

  return (
    <div>
      <ChildComponent prop1={value1} prop2={value2} prop3={value3} />
    </div>
  );
};

export default ParentComponent;

子组件：

import React from 'react';

const ChildComponent = (props) => {
  const { prop1, prop2, prop3 } = props;

  return (
    <div>
      <p>{prop1}</p>
      <p>{prop2}</p>
      <p>{prop3}</p>
    </div>
  );
};

export default ChildComponent;

在父组件中，我们定义了三个值value1、value2和value3，并将它们作为props传递给子组件。在子组件中，通过解构赋值的方式获取这些props的值，并在渲染时显示出来。

这样，父组件就可以向子组件传递多个值了。