Tag: reactjs

Android上的React Native无法find构build工具: 是什么导致下面的问题我的Android SDK版本不受支持吗？ Starting JS server… Building and installing the app on the device (cd android && gradlew.bat installDebug)… FAILURE: Build failed with an exception. * What went wrong: A problem occurred configuring project ':app'. > failed to find Build Tools revision 23.0.1

如何使用ReactJS中的单选button？: 我是ReactJS的新手，对不起，如果这听起来不对。我有一个组件，根据收到的数据创build几个表行。该列中的每个单元格都有一个无线电checkbox。因此，用户可以从现有的行中select一个site_name和一个address 。 select应显示在页脚中。那就是我被卡住的地方。 var SearchResult = React.createClass({ render: function(){ var resultRows = this.props.data.map(function(result){ return ( <tbody> <tr> <td><input type="radio" name="site_name" value={result.SITE_NAME}>{result.SITE_NAME}</input></td> <td><input type="radio" name="address" value={result.ADDRESS}>{result.ADDRESS}</input></td> </tr> </tbody> ); }); return ( <table className="table"> <thead> <tr> <th>Name</th> <th>Address</th> </tr> </thead> {resultRows} <tfoot> <tr> <td>chosen site name ???? </td> <td>chosen address ????? </td> […]

如何允许webpack-dev-server允许来自react-router的入口点: 我正在创build一个应用程序，在开发中使用webpack-dev-server和react-router。 webpack-dev-server似乎是build立在假设你将在一个地方（即“/”）拥有一个公共入口点，而react-router允许无限量的入口点的。我想要webpack-dev-server的好处，特别是热重载function，这对于提高生产效率非常有用，但我仍然希望能够加载在react-router中设置的路由。一个人怎么能够一起工作呢？你可以在webpack-dev-server的前面运行一个express服务器吗？

ReSt.js中的setState和replaceState: 我是React.js图书馆的新手，我正在浏览一些教程，我遇到了： this.setState this.replaceState 给出的描述不是很清楚（IMO）。 setState is done to 'set' the state of a value, even if its already set in the 'getInitialState' function. 同样的， The replaceState() method is for when you want to clear out the values already in state, and add new ones. 我试过this.setState({data: someArray}); 其次是this.replaceState({test: someArray}); 然后console.logged他们，我发现现在state有data和test 。然后，我试着this.setState({data: someArray}); 其次是this.setState({test: someArray}); 然后console.logged他们，我发现state再次有data和test […]

我可以在React.js中更新组件的道具吗？: 在开始使用React.js之后，似乎props是静态的（从父组件传入），而state根据事件而变化。不过，我注意到在文档中引用了componentWillReceiveProps ，具体包括这个例子： componentWillReceiveProps: function(nextProps) { this.setState({ likesIncreasing: nextProps.likeCount > this.props.likeCount }); } 这似乎意味着基于nextProps与this.props的比较，属性可以在组件上改变。我错过了什么？道具是如何改变的，或者我误解了这个被调用的地方？

Reactjs的setState（）与dynamic密钥名称？: 编辑：这是一个重复的，请看这里设置状态时找不到使用dynamic密钥名称的任何示例。这是我想要做的： inputChangeHandler : function (event) { this.setState( { event.target.id : event.target.value } ); }, 其中event.target.id用作要更新的状态键。这在React中是不可能的吗？

ReactJS：警告：setState（…）：在现有状态转换期间无法更新: 我想从我的渲染视图重构下面的代码： <Button href="#" active={!this.state.singleJourney} onClick={this.handleButtonChange.bind(this,false)} >Retour</Button> 到绑定在构造函数中的版本。原因是渲染视图中的绑定会给我带来性能问题，特别是在低端手机上。我已经创build了下面的代码，但是我经常得到以下错误（大量）。它看起来像应用程序进入一个循环： Warning: setState(…): Cannot update during an existing state transition (such as within `render` or another component's constructor). Render methods should be a pure function of props and state; constructor side-effects are an anti-pattern, but can be moved to `componentWillMount`. 以下是我使用的代码： var React = require('react'); var […]

不变违规：对象作为React子项无效: 在我的组件的渲染function，我有： render() { const items = ['EN', 'IT', 'FR', 'GR', 'RU'].map((item) => { return (<li onClick={this.onItemClick.bind(this, item)} key={item}>{item}</li>); }); return ( <div> … <ul> {items} </ul> … </div> ); } 一切呈现良好，但是当单击<li>元素时，我收到以下错误：未捕获的错误：不变的违规：对象作为React子无效（find：具有键的对象{dispatchConfig，dispatchMarker，nativeEvent，target，currentTarget，type，eventPhase，bubbles，cancelable，timeStamp，defaultPrevented，isTrusted，view，detail，screenX ，screenY，clientX，clientY，ctrlKey，shiftKey，altKey，metaKey，getModifierState，button，buttons，relatedTarget，pageX，pageY，isDefaultPrevented，isPropagationStopped，_dispatchListeners，_dispatchIDs}）。如果您打算渲染一个子集合，则可以使用一个数组，或者使用React附加组件中的createFragment（object）来包装该对象。检查Welcome的渲染方法。如果我更改为this.onItemClick.bind(this, item)到(e) => onItemClick(e, item)在map函数内，一切都按预期工作。如果有人可以解释我做错了什么，并解释为什么我得到这个错误，会很好更新1： onItemClick函数如下，删除this.setState导致错误消失。 onItemClick(e, item) { this.setState({ lang: item, }); } 但我不能删除这一行，因为我需要更新这个组件的状态

如何将反应组分传递到另一个反应组分以跨越第一个组分的内容？: 有没有办法将一个组件传递到另一个反应组件？我想创build一个模型反应组件，并传入另一个反应组件，以便跨越该内容。编辑：这是一个reactJS codepen说明我正在尝试做什么。 http://codepen.io/aallbrig/pen/bEhjo HTML <div id="my-component"> <p>Hi!</p> </div> ReactJS /**@jsx React.DOM*/ var BasicTransclusion = React.createClass({ render: function() { // Below 'Added title' should be the child content of <p>Hi!</p> return ( <div> <p> Added title </p> {this.props.children} </div> ) } }); React.renderComponent(BasicTransclusion(), document.getElementById('my-component'));

如何开启/closuresReactJS'开发模式'？: 开始使用ReactJS的道具validationfunction ，由于性能方面的原因，该function只能在“开发模式”下使用。 React似乎validation了我注释过的特定组件的属性，但是我不记得明确地打开“开发模式”。我试图寻找如何触发/切换开发模式，但没有任何运气。