草庐IT

react-redux-form

全部标签

javascript - React.addons.TestUtils.Simulate.scroll 不工作

我正在尝试使用ReactJS和JSDOM模拟滚动事件。最初我尝试了以下方法:varfooter=TestUtils.findRenderedDOMComponentWithClass(Component,'footer');footer.scrollTop=500;TestUtils.Simulate.scroll(footer.getDOMNode());//Itriedthisaswell,butnoluck//TestUtils.Simulate.scroll(footer);根本不会传播滚动事件。然后,我手动创建了事件并且一切正常:varevt=document.createE

javascript - JSX/React 上的 ESLint 错误

我正在使用React,这是我第一次,我需要知道这是什么错误以及如何修复它app/app.js21:49error'socket'ismissinginpropsvalidationforAppreact/prop-types22:47error'room'ismissinginpropsvalidationforAppreact/prop-types23:47error'mode'ismissinginpropsvalidationforAppreact/prop-types24:47error'user'ismissinginpropsvalidationforAppreact/pr

javascript - 如何将元素附加到要在 react 中呈现的变量

给定如下所示的React组件(https://jsfiddle.net/69z2wepo/28684/):varHello=React.createClass({render:function(){let{cond,name}=this.props;letcontent,content2;if(cond){content=(Hello{name});content2=(content2);}return({content}{content2})}});ReactDOM.render(,document.getElementById('container'));我怎样才能实现这样的目标:

javascript - React 类方法覆盖

我正在尝试在React中创建某种类组合:classEntity{constructor(props){super(props);}renderPartial(){return(Entity)}render(){return(header{this.renderPartial()});}}classPersonextendsEntity{constructor(props){super(props);}renderPartial(){return(Person)}}classManagerextendsPerson{constructor(props){super(props);}ren

javascript - React.js 中的 "Dirty"是什么?

我试图理解React.js并且经常遇到“脏”这样的术语脏检查器/检查,脏数据,脏模型我关注了thisquestion但无法弄清楚肮脏这个词实际上表达了什么以及我们为什么称它为肮脏。 最佳答案 脏数据-最近更改的数据,并且DOM尚未根据此更改重新呈现。所以脏检查在下一个状态和当前状态之间是不同的。 关于javascript-React.js中的"Dirty"是什么?,我们在StackOverflow上找到一个类似的问题: https://stackoverflo

javascript - Spread Operator 不适用于基于 Redux/ES6 的示例

我正在尝试理解DanAbramov发布的Redux在线教程。目前我在下面的示例中:ReducercompositionwithArrays下面是我按照上述示例的练习代码://IndividualTODOReducerconsttodoReducer=(state,action)=>{switch(action.type){case'ADD_TODO':return{id:action.id,text:action.text,completed:false};case'TOGGLE_TODO':if(state.id!=action.id)returnstate;//Thisnotwor

javascript - 如何使用 Redux-Saga 避免重复的 API 请求?

到目前为止,与其他Flux实现相比,我更喜欢Redux,并且我正在使用它来重写我们的前端应用程序。我面临的主要困难点:维护API调用的状态以避免发送重复请求。维护记录之间的关系。第一个问题可以通过在每种数据类型的子状态中保留一个状态字段来解决。例如:functionpostsReducer(state,action){switch(action.type){case"FETCH_POSTS":return{...state,status:"loading",};case"LOADED_POSTS":return{status:"complete",posts:action.posts,

javascript - 创建 React 组件的 2 种不同方式

我正在学习React教程,这是作者给出的用于创建基本React组件的示例代码:constReact=require('react')constReactDOM=require('react-dom')constApp=()=>{return(Hello)}ReactDOM.render(,document.getElementById('app'))他声称这是ES6。但后来我看到了另一种创建组件的方法。classAppextendsReact.Component{render(){returnHello;}}嗯,我现在很困惑。在React中有任何标准的做事方式吗?

javascript - 从 redux-observable 史诗中访问状态

我正在使用redux构建一个小的fusball-manager。基本上它是一个页面,显示两个团队的分数和一些按钮来增加它们。我有像{type:"GOAL_UP",team:"red"}这样的操作,reducer将为此更改状态中的相应值(分数)。现在我想添加一个史诗,每当它遇到GOAL_UP时检查两支球队中的一支是否赢得了比赛。如果团队得分达到8,我希望它发送一个GAME_WON操作。我的问题是我必须访问状态才能知道每支球队的得分。我找不到从史诗中访问状态的方法。访问状态是否超出了redux-observable的范围?如果是这样,您将如何解决这个问题?我正在考虑将新分数作为GOAL_U

javascript - 如何使 Prop 不可变以防止在 React 中重新渲染?

我一直在使用react.js创建一个小应用程序。我过多地考虑了“性能”。所以我有一个名为“Spinner”的简单子(monad)组件。我的目标是确保此组件永远不会重新呈现。这是我的组件:importReact,{PureComponent}from'react';exportdefaultclassSpinnerextendsPureComponent{render(){return()}}在使用“react-addons-perf”重新渲染时,组件始终在渲染,我正在使用PureComponent因为我希望该组件只渲染一次,我读到我可以使用不可变Prop但是我不知道如何使这成为可能。如