当前位置: 首页 > 知识库问答 >
问题:

对教程道具与状态作出反应

苏边浩
2023-03-14

所以我正处于学习Meteor和React的开始阶段,我刚刚完成了制作待办事项列表的教程。

在实现中,我们在顶部有一个复选框,允许我们在完成的任务和所有任务之间切换。这被设置为一个状态。

每个任务旁边都有复选框,可以将任务显示为已完成或未完成。

我的问题是,这两个复选框都是实时变化的,但只有前者被指定为状态变量?为什么任务复选框是道具?

共有2个答案

姚浩歌
2023-03-14

这里有很好的解释(完整版)

孙德宇
2023-03-14

全局复选框仅链接到App组件的状态。

每个任务组件的本地复选框会变得更复杂。问题在于App组件需要所有任务对象的全局知识,例如隐藏已完成的任务。

Task组件可以保持复选框状态,但这不是React的工作方式。在React中,父组件通常不读取其子组件的状态,而是保存状态本身,并将相关信息传递给其子组件,以便它们能够呈现该状态。

当一个子系统需要更新某些状态时,它会在全局级别进行更新(请参见本教程中的toggleCheckeddeleteteThistTask),以便通知其父系统并重新提交该子系统。另一个例子见这里。

 类似资料:
  • 我已经用ReactJS和ES6进行了几天的实验,并创建了两个组件,即

  • 是否更像React的方法,使我们的模型属性,并在保存之前将其编译回模型,如下所示: 这不需要调用,但是随着模型的增长,(post可能有作者、主题、标记、注释、评分等)组件开始变得非常复杂。 第一种方法是ReactLink吗?

  • 我正在使用中的向已定义的后端发送请求。我想使用作为断路器,但只用于一种用例:如果后端响应代码,我的假客户机应该等待一个小时,直到它再次联系到真正的后端。在此之前,应该执行回退方法。 我必须如何配置我的Spring Boot(1.5.10)应用程序才能实现这一点?我看到了许多配置的可能性,但只有很少的例子--在我看来--不幸的是,没有围绕用例解决。

  • 我必须将父组件的状态作为道具发送到UpdateSummary。我试着像下面这样发送, 我得到的错误如下 提前感谢

  • 我见过多个使用Typescript的React组件示例: +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++组件 当我们不使用道具或国家时,似乎没有一个明确的惯例。 人们将这些类型设置为,,,, ,等等。这是我到目前为止看到的: