草庐IT

reactjs-flux

全部标签

javascript - 使用 reactjs 提交表单

我是reactjs的新手。我正在使用reactjs创建一个示例项目。首先,我收到类似状态为空的错误。设置初始状态后出现错误IgotWarning:valueLinkproponinputisdeprecated;setvalueandonChangeinstead我知道有很多与此相关的问题,但我的问题没有解决,请帮忙。代码如下:importReact,{Component}from'react';import{Link}from'react-router'importvalidatorfrom'validator';importLinkedStateMixinfrom'react-ad

javascript - ReactJS - 如何从通过获取数据填充的 Prop 正确初始化状态?

这是我的编辑组件:classEditFieldextendsReact.Component{constructor(props){super(props);this.state={value:''};}edit(e){this.setState({value:e.target.value});if(e.keyCode===13){this.props.onEdited(this.state.value);}}render(){return()}}我需要像这样从props填充状态:functionContainer({entity,onEdited}){return();}Contain

javascript - react-native-router-flux 警告 : Key is already defined

以下是ReactNative应用启动一段时间后,通过杀死Meteor服务器断开与Meteor(DDP)服务器的连接时的Android日志输出。使用console.log("render")指示何时renderApp的功能组件被调用时,似乎每当render在createContainer之后再次调用函数传递给它一些新的props,Keyisalreadydefined触发错误。是什么导致了这个错误/警告,我们该如何解决?该应用程序仍然运行良好,但这里肯定有问题。12-2302:27:01.8753119719338IReactNativeJS:Runningapplication"RNa

javascript - 在 reactjs 组件上渲染多个项目

我正在实现抽象工厂并且getitems方法工作并返回我模拟的2个项目,但是我不确定如何在react组件中呈现这些项目我的代码在下面抽象工厂.tsximport*asReactfrom'react';import{IAbstractFactoryProps}from"./IAbstractFactoryProps";import{IAbstractFactoryState}from"./IAbstractFactoryState";importstylesfrom'./Abstractfactory.module.scss';import{escape}from'@microsoft/s

javascript - 为什么 addChangeListener 应该在 componentDidMount 而不是 componentWillMount?

我将此行视为对此处另一个问题的回答:“componentWillMount应该是componentDidMount,否则你会在节点中泄漏事件发射器。”我也不是很懂。有人可以更详细地解释一下吗?更多信息:使用flux构建一个React应用程序,作为初始渲染的一部分,子组件计算一些数据。理想情况下,在计算完这些数据后,我想调用一个操作,用一部分新数据更新商店的状态。通常,更新商店的状态会发出一个导致重新渲染的更改事件。但是,由于直到componentDidMount(而不是在componentWillMount中)才添加更改监听器,因此我的顶级组件无法监听初始渲染期间发生的更改并启动重新渲

javascript - 调试 Javascript/ReactJS 错误

我正在使用ReactJS构建一个小型应用程序,有时发现很难对其进行调试。每次我犯一些Javascript错误,比如在新变量前面缺少let/var,缺少我创建的组件的require稍后使用,我的应用程序只是停止工作(代码不会在错误所在的行之外执行),但我在浏览器的控制台中没有收到任何错误。似乎某些ReactJS代码正在拦截错误,也许以某种自定义方式处理它们。ReactJS中有类似的东西吗?如何在控制台中查看错误?我正在使用gulp/gulp-connect/browserify设置来运行应用程序。如果您需要任何其他数据或代码示例,请告诉我,我会更新问题。 最佳

javascript - 如何在 ReactJS 中使用单击事件从列表中删除项目?

varFilterList=React.createClass({remove:function(item){this.props.items=this.props.items.filter(function(itm){returnitem.id!==itm.id;});returnfalse;},render:function(){varcreateItem=function(item){return({item}remove);};return{this.props.items.map(createItem.bind(this))};}});varFilterApp=React.c

javascript - 无需重新渲染即可进行路由的 react 方式

所以我有一个使用Backbone路由器的简单React/Flux应用程序。我有一个案例,用户创建了一个对象,路径从/object/new更新为/object/:id。但是,不需要重新呈现页面,因为组件是相同的,并且由于在ajax-create调用返回后关联的存储更新,它会自行更新。目前,我刚刚给路由器打了补丁,公开了一个只更新url的方法,实际上并没有点击特定于路由的方法。这感觉很老套,并没有真正解决需要添加/删除某些组件(即小部件)的情况(至少它消除了知道哪些组件需要从路由器中呈现的责任),但主要UI不需要重新渲染。所以这给我留下了三个问题:React处理不需要更改组件的url更改的

javascript - 带有 Flux 的嵌套循环 React 组件,更改父级或子级的监听器?

我正在React/Flux中构建一个WordDojo克隆。该游戏本质上是Boggle-您可以通过点击网格中相邻的字母来拼词:我的React组件及其来源:GameboardTileColumnTile所有源代码canbeviewedhere.目前的运作方式:有一个GameStore包含javascript对象的二维数组。这些对象有一个“字母”字符串值和一个“事件”bool值。当用户单击一个字母时,它会分派(dispatch)到GameStore,GameStore会更新该二维数组并发出Change事件。GameBoard组件监听该更改事件,然后重新呈现10个TileColumns,每个T

javascript - 需要没有 Browserify、Webpack 或 Babel 的 reactjs 模块

我正在尝试在visualstudio中设置TypeScriptHTML应用程序。我想使用reactjsv0.14.7我想避免使用像Browserify这样的工具。但是,如何使用react-dom模块呢?让我们暂时忘掉typescript。我需要先启动并运行纯ES5。目前,我有这个:varButton=React.createClass({render:function(){return(React.createElement("div",{className:"btnbtn-default"},'helloworld'));}});ReactDOM.render(React.creat