reactjs - 如何在 React Hooks 中发送 props 来声明其他组件

Question

我想将道具发送到其他组件状态并且它不工作......为什么？

    const Footer = (props) => {

    const [open, setOpen] = useState(false);


    return (
        <>
            <Test {...props} />
        </>
    );
}

const Test = (props) => {

    const [testState, setTestState] = useState(props);

    console.log(testState);

    return (
        <>
        </>
    );
}
export default Test;

我得到未定义的值

标签： reactjsreact-hooks

Answer 1

解决方案：

import * as React from "react";
import { useState } from "react";

在代码顶部添加这两行

并像这样调用页脚组件
<Footer name={"Hello"} />

import * as React from "react";
import { useState } from "react";

const Footer = (props) => {
    const [open, setOpen] = useState(false);

    return (
        <>
            <Test {...props} />
        </>
    );
};

const Test = (props) => {
    const [testState, setTestState] = useState(props);

    console.log(testState);

    return <></>;
};
export default Test;