React学习专题之父组件向子组件进行传值

1.使用 Props： Props 是将数据从父组件传递到子组件的最常见方法。它们只是在渲染时传递给子组件的 JavaScript 对象。要使用 props，您需要首先在父组件中定义 props。这可以通过props向组件的 JavaScript 对象添加属性来完成。例如：

JavaScript

const ParentComponent = () => {
  const data = {
    name: "John Doe",
    age: 30,
  };

  return (
    <div>
      <ChildComponent data={data} />
    </div>
  );
};

在父组件中定义了 props 后，您可以props在渲染子组件时使用属性将它们传递给子组件。例如：

JavaScript

const ChildComponent = (props) => {
  return (
    <div>
      <h2>{props.data.name}</h2>
      <p>Age: {props.data.age}<