我刚刚发现了Redux.一切看起来都不错.使用Redux over Flux是否有任何缺点,陷阱或妥协?谢谢
我有一个反应组件,我在其中使用日期选择器.基于所选日期的值,我发送一个ajax请求来获取数据.我没有使用像redux或flux这样的框架.
export default class MyComponent extends Component {
constructor(props) {
super(props);
}
componentDidMount() {
// Initial fetch request based on the default date
}
onDateSelectionChanged(fromDate, toDate) {
this.setState({
fromDate,
toDate
});
}
render() {
return (
<div className="row">
<DateRangePicker callBackParent = {this.onDateSelectionChanged}/>
{/* other stuff */}
</div>
);
}
}
Run Code Online (Sandbox Code Playgroud)
现在假设我将日期更改为另一个日期.再次获取数据的最佳方法是什么?我应该再次发出请求onDateSelectionChanged还是有生命周期方法?
我是flux/redux数据流的新手,我试着理解它们之间的主要区别.
你能否突出一下这些差异?比如每个人的利弊?
谢谢
我一直在研究一个相当简单的React应用作为学习过程,并希望开始结合Flux(或更可能是Redux)来继续学习。
该代码来实现流量酷似解决办法似乎很简单,但我在什么时候适合,事情应该如何安排在最佳实践意义有点不清楚。
用超外行的术语来说,我对一个常见用例的最佳猜测是Flux允许组件之间相互交谈而无需传递通用的道具,因此请记住,这是我希望在我的产品中使用Flux的示例应用程式:
假设我有一个用户配置文件组件,该组件通过ajax调用定期刷新。在此调用等待返回其数据时,正在页面上其他位置显示加载微调gif-不在触发ajax调用的组件的父级或子级中。在这种情况下,我将如何使用Flux提示微调器在适当的时间显示/隐藏(即,从发送请求开始,到收到响应时结束)?如果它的可见性是由配置文件组件的状态定义的,那很容易,但是显然我需要一个组件与我认为您可以称为远亲的表亲进行通信。
我将如何布置自己的行动,减速器以及如何实现这一目标?
我不是在这里寻找任何人为我编写代码,因为我一定会做得更好,但是我绝对希望在这种情况下使用一些方法学方面的一般建议。
非常感谢!
我正在开始一个新的React应用程序,并且看到生态系统中的所有新闻,我想慢慢地实际考虑我的选择,从React/Webpack/Babel开始,并引入更多.
这些选择中的第一个是否使用Flux(更确切地说,Redux,它看起来很棒并且似乎赢得了助威战争).我就是这样的地方:
为了解决这个问题而不引入新的依赖关系,我发现两篇文章(1:Andrew Farmer,2:Hao Chuan)鼓励使用最近引入的React上下文特性.
→使用context将让我将模型变异回调暴露给我的子组件.对我而言,这听起来不像是一个可怕的误用:我不会传递模型数据,只是引用用于绑定事件处理程序的函数.
谢谢.
我有一个基本的待办事项清单。待办事项列表的待办事项输入字段有一个 onChange 事件,该事件会触发一个动作并将 event.target.value 发送到减速器并将用户键入的每个字符存储到商店对象的属性中。
当用户提交表单时,我想获取以前通过 onChange 事件存储的数据,然后我想将它放在 store 对象的新属性上。
如何获取先前从商店输入的数据并将其拉入不同的减速器?
在我见过的所有示例中,reducer 都以“初始状态”开始。我不想要那个,我想要用户输入的先前状态。
下面是代码的 CodeSandbox 版本(出于某种原因,右侧的橙色-米色选项卡需要向左切换为蓝色才能呈现表单。如果您不这样做,它将无法工作)。