在 React 和 Redux 中,action 是一个包含 type 和 payload 属性的普通对象,用来描述从应用程序中发出的指令。
创建 action 的最简单的方法是直接使用字面量创建 JSON 格式的对象:
{ type: 'ADD_Todo',payload: { text: 'Buy milk',completed: false } }
但是,在大多数环境下,我们需要通过函数来创建 action,而不是手动编写每个 action 的对象。
为了方便和重用,我们可以定义一个叫做 action creator 的函数,用来封装创建 action 对象的过程。action creator 函数返回一个新的 action 对象。例如:
function addTodo(text) { return { type: 'ADD_Todo',payload: { text: text,completed: false } } }
在这个例子中,我们定义了一个 addTodo 的函数,它接收一个字符串参数,表示要添加的待办事项的文本。当我们调用这个函数时,它会返回一个新的 action 对象,其 type 为 'ADD_Todo',payload 包含传入的文本和一个初始的 completed 值为 false。
使用 action creator 可以使我们的代码更加模块化和可读。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。