为什么功能组件中的功能无法访问道具？

Question

我想在单击时更改字符串，并将该字符串作为 prop 传递给组件。当我访问函数组件中的 prop 时，它起作用了，我可以在控制台中看到该字符串，但在函数（这里是 testFunction）中它是未定义的。是什么导致了问题以及如何解决？

[这是我的代码的图片

function Diagram({ inputCases, ...props }) {
  const [data, setData] = useState({});

  console.log("from component", inputCases);

  const testFunction = (inputCases) => {
    console.log("From the test Function", inputCases);
  };

  testFunction();

]1

Answer 1

您通过与原始道具名称相同的函数参数覆盖道具。试试这个方法：

//without parameter
const testFunction = () => { 
    console.log("From the test Function", inputCases);
};

为什么功能组件中的功能无法访问道具？

Why do functions inside functional components have no access to props?

react-props

react-hooks

react-functional-component