Tag: reactjs

反应路由器dynamic段访问时崩溃: 我有一个像这样的路由configuration（只显示我认为可能相关的部分）： var React = require('react'); var Router = require('react-router'); var { Route, DefaultRoute, NotFoundRoute } = Router; var routes = ( <Route handler={AppHandler}> <DefaultRoute handler={HomeHandler}/> <Route name='home' path='/home' handler={HomeHandler}/> <Route name='settings' path='/settings/?:tab?' handler={SettingsHandler}/> <NotFoundRoute handler={NotFoundHandler}/> </Route> ); Router.run(routes, Router.HistoryLocation, function (Handler) { React.render(<Handler/>, document.getElementById('application')); }); 现在，在我的设置反应文件，我有以下几点： var Settings = React.createClass({ mixins: [Router.State], render: function() { […]

何时使用.toJS（）与Immutable.js和Flux？: 我正在尝试使用ImmutableJS和我的React / Flux应用程序。我的商店是Immutable.Map对象。我想知道我应该在哪一点使用.toJS() ？应该是当商店的.get(id)返回？或与.get('member') ？

React.render（）和ReactDOM.render（）有什么区别吗？: 我注意到，他们使用React.render()和React.render()一些地方的一些地方。这两者之间有什么特别的区别吗？

围绕箭头正文的意外的块声明: 我正在使用"eslint-config-airbnb": "^6.1.0",以保持我的JavaScript清洁。我的棉绒不喜欢什么似乎是合法的代码：看来这可能是一个持续的问题。有没有人有任何build议，如何解决这个问题的OCD开发商？也许禁用此规则或以其他方式？

从React子元素获取DOM节点: 使用React.findDOMNode中引入的React.findDOMNode方法，我可以通过在this.props.children进行映射来this.props.children传递给父级的每个子组件的DOM节点。但是，如果某些孩子碰巧是React元素而不是组件（例如其中一个孩子是通过JSX创build的<div> ），则React会引发一个不变的违规错误。是否有一种方法来获得每个孩子正确的DOM节点后，不pipe孩子是什么类？

如何在原生反应中正确alignment文本input？: 文本input是居中alignment，如何修复这个文本input，以便它从左上angularinput 这是我的文字input的CSS /* The Text input is center aligned, how to fix this text input so that it takes input from top left corner */ input: { flex: 1, padding: 4, marginRight: 1, marginTop: 5, fontSize: 18, borderWidth: 1, borderRadius: 4, borderColor: '#E6E5ED', backgroundColor: '#F8F8F9', justifyContent: 'flex-start', height: 150 }

用reactjs渲染原始html: 那么这是唯一的方式来呈现与reactjs的原始html？ // http://facebook.github.io/react/docs/tutorial.html // tutorial7.js var converter = new Showdown.converter(); var Comment = React.createClass({ render: function() { var rawMarkup = converter.makeHtml(this.props.children.toString()); return ( <div className="comment"> <h2 className="commentAuthor"> {this.props.author} </h2> <span dangerouslySetInnerHTML={{__html: rawMarkup}} /> </div> ); } }); 我知道有一些很酷的方式来标记JSX的东西，但我主要感兴趣的是能够呈现原始的HTML（与所有类，内联样式等）。这样复杂的东西： <!– http://getbootstrap.com/components/#dropdowns-example –> <div class="dropdown"> <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-expanded="true"> Dropdown <span class="caret"></span> […]

如何构buildRedux组件/容器: 我正在使用REDX，我不知道如何组织我的组件，我认为最好的方法是将它们保存在主文件夹名称和文件夹名称以及所有内部组件的文件夹中：组件常见的东西，如链接，标题标题等表格/button，input等玩家/所有小组件组成玩家 index.js这个是顶层布局组件 playBtn.js artistName.js songName.js 插曲/另一个组件然后，在容器文件夹中，每页有一个容器，这是我实际连接到Redux的唯一容器：集装箱/ HomePageApp.js EpisodePageApp.js … 然后这些操作是每个顶级组件一个，而不是每个页面一个，所以在连接到Redux的页面容器中，我传递了该页面中使用的组件的所有操作。例如：动作/ Player.js Episode.js … 我做对了吗？我没有find关于它的谷歌search的很多信息，我发现我认为他们只限于小项目。谢谢！

如何在ReactJS中输出文本而不用跨度包装它: 在我的基于ReactJS的应用程序中： var _ = React.DOM; _.span(null, 'some text', _.select(null, …)); 问题是：“一些文本”被包裹在DOM中的附加span元素中。有什么办法可以避免这种行为，只输出原始文本？要清楚：我想输出 <span>some text<select>…</select></span> 不 <span><span>some text</span><select>…</select></span>

“任何使用键控对象都应该被包装在React.addons.createFragment（object）中，然后再作为一个子对象传递”: 我收到以下警告：任何对键控对象的使用都应该在作为子对象传递之前包装在React.addons.createFragment（object）中。什么原因导致这个错误，我该如何解决？