大家好,
\n\n我对反应钩子还比较陌生,回到我的时代(一年前),当我通过组件传递道具时,我会将它们与“props.something”一起使用。
\n\n现在我已经完成了一个“待办事项列表”,我可以通过另一种方式使用我的道具,通过在参数中引用对象中的道具:
\n\nconst Form = ({ addTodo }) => {\n addTodo(x)\n}
\n\n那是什么 ?为什么我们不再使用this.props,为什么参数中使用对象?传统的传递道具的方式已经死了吗?这是因为反应钩子吗?
\n\n为了更多地说明我在这里的例子,两个组件互相交谈。
\n\n第一个 :
\n\nimport React, {useState} from \'react\';\nimport Form from \'./Form\';\n\n\nconst Affichage = () => {\n\n const [todos, setTodos] = useState([\n \'1\',\n \'2\',\n \'3\',\n \'4\'\n ])\n\n const addTodo = text => {\n const newTodos = [...todos, text];\n setTodos(newTodos)\n }\n\n return (\n <div>\n <Form addTodo={addTodo} />\n <ul>\n {todos.map((item, index) =>{\n …Run Code Online (Sandbox Code Playgroud)