相关疑难解决方法(0)

使用Redux而不是Flux可能有什么缺点

我刚刚发现了Redux.一切看起来都不错.使用Redux over Flux是否有任何缺点,陷阱或妥协?谢谢

flux reactjs reactjs-flux redux

238
推荐指数
4
解决办法
4万
查看次数

当状态改变时,用状态数据发送ajax请求

我有一个反应组件,我在其中使用日期选择器.基于所选日期的值,我发送一个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还是有生命周期方法?

javascript ajax reactjs

14
推荐指数
1
解决办法
972
查看次数

flux vs redux的利弊亮点

我是flux/redux数据流的新手,我试着理解它们之间的主要区别.

你能否突出一下这些差异?比如每个人的利弊?

谢谢

state flux redux

5
推荐指数
1
解决办法
2618
查看次数

什么时候将Flux(等)与React一起使用?

我一直在研究一个相当简单的React应用作为学习过程,并希望开始结合Flux(或更可能是Redux)来继续学习。

该代码来实现流量酷似解决办法似乎简单,但我在什么时候适合,事情应该如何安排在最佳实践意义有点不清楚。

用超外行的术语来说,我对一个常见用例的最佳猜测是Flux允许组件之间相互交谈而无需传递通用的道具,因此请记住,这是我希望在我的产品中使用Flux的示例应用程式:

假设我有一个用户配置文件组件,该组件通过ajax调用定期刷新。在此调用等待返回其数据时,正在页面上其他位置显示加载微调gif-不在触发ajax调用的组件的父级或子级中。在这种情况下,我将如何使用Flux提示微调器在适当的时间显示/隐藏(即,从发送请求开始,到收到响应时结束)?如果它的可见性是由配置文件组件的状态定义的,那很容易,但是显然我需要一个组件与我认为您可以称为远亲的表亲进行通信。

我将如何布置自己的行动,减速器以及如何实现这一目标?

我不是在这里寻找任何人为我编写代码,因为我一定会做得更好,但是我绝对希望在这种情况下使用一些方法学方面的一般建议。

非常感谢!

flux reactjs reactjs-flux redux react-redux

5
推荐指数
1
解决办法
666
查看次数

使用React`context`来访问无Flux应用程序中的模型mutators是否合理?

我正在开始一个新的React应用程序,并且看到生态系统中的所有新闻,我想慢慢地实际考虑我的选择,从React/Webpack/Babel开始,并引入更多.

这些选择中的第一个是否使用Flux(更确切地说,Redux,它看起来很棒并且似乎赢得了助威战争).我就是这样的地方:

  1. 我了解Redux的好处,由Dan Abramov总结为SO.它们看起来很棒,但我宁愿一步一步地介绍一下.
  2. 在简单的React中,父级→子级通信使用道具完成,子级→父级通信使用回调.请参阅文档/组件之间的通信,或SO/Child到React(JSX)中没有流量的父通信,或者这个codeacademy Redux教程,首先说"如果你对普通的React和你的所有数据都没问题就不需要Redux根组件".
    • 哪个看起来很适合我的目的......
    • ... 然而,令人遗憾的是,这些回调必须在组件链中传递,随着嵌套级别的增长,这变得很快.

为了解决这个问题而不引入新的依赖关系,我发现两篇文章(1:Andrew Farmer,2:Hao Chuan)鼓励使用最近引入的React上下文特性.

→使用context将让我将模型变异回调暴露给我的子组件.对我而言,这听起来不像是一个可怕的误用:我不会传递模型数据,只是引用用于绑定事件处理程序的函数.

  • 听起来很健全吗?
  • 是否有其他简单的React建议方便儿童→家长沟通?

谢谢.

flux reactjs reactjs-flux redux

5
推荐指数
1
解决办法
298
查看次数

React Redux:如何在减速器之间共享数据?

我有一个基本的待办事项清单。待办事项列表的待办事项输入字段有一个 onChange 事件,该事件会触发一个动作并将 event.target.value 发送到减速器并将用户键入的每个字符存储到商店对象的属性中。

当用户提交表单时,我想获取以前通过 onChange 事件存储的数据,然后我想将它放在 store 对象的新属性上。

如何获取先前从商店输入的数据并将其拉入不同的减速器?

在我见过的所有示例中,reducer 都以“初始状态”开始。我不想要那个,我想要用户输入的先前状态。

下面是代码的 CodeSandbox 版本(出于某种原因,右侧的橙色-米色选项卡需要向左切换为蓝色才能呈现表单。如果您不这样做,它将无法工作)。

https://codesandbox.io/s/pwqlmp357j

javascript reactjs react-redux

2
推荐指数
1
解决办法
3641
查看次数

标签 统计

reactjs ×5

flux ×4

redux ×4

reactjs-flux ×3

javascript ×2

react-redux ×2

ajax ×1

state ×1