Question

嗨，我有以下代码：

父功能组件

    import React, { useEffect, useState } from "react";
    function Parent() {
      const [apiData, setApiData] = useState({});
      async function fetchData() {
        const res = await fetch("some API data");
        res.json().then((res) => setApiData(res));
       }
      useEffect(() => {
        fetchData();
      }, []);

      return (<div><Child title={apiData.title} /></div>);
    }
    export default Parent;

并为我的Child类组件添加以下代码：

    import React from "react";
       class Child extends React.Component {
         render() {
          return (<div> "here should be title from API" </div> )
        }
       }

我可以成功获取我的API数据，但是在传递给Child组件方面有些困难。请帮我。谢谢。

Answer 1

您应该使用与在功能组件中使用的相同的东西（在道具前加上“ this。”。）

import React from "react";
   class Child extends React.Component {
     render() {
      return (<div>{this.props.title}</div> )
    }
   }

在此处查看更多示例： https://reactjs.org/docs/components-and-props.html

如何在React中将值从父功能组件传递到子类组件

1 个答案: