关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题？更新问题，以便editingthispost可以用事实和引用来回答它.关闭7年前。Improvethisquestion我正在决定为我的新网络应用程序使用哪个JavaScript框架。我想使用Angular，但最近听说了React。问题是——我还没有找到两者之间真正好的比较。大多数进行比较的文章都是“pro-react”，对比较帮助不大，只是说明为什么react更好。例如https://www.codementor.io/reactjs/tutorial/react-vs-angularjshttp://w

我试图了解我所看到的一些我无法完全解释的有点“神奇”行为的根本原因，并且从阅读ReactJS源代码中看不出这一点。当同步调用setState方法以响应输入上的onChange事件时，一切都按预期进行。输入的"new"值已经存在，因此DOM实际上并未更新。这是非常可取的，因为这意味着光标不会跳到输入框的末尾。但是，当运行具有完全相同结构但调用setState异步的组件时，输入的"new"值似乎不存在，导致ReactJS实际触摸DOM，这会导致光标跳到输入的末尾。显然，在异步情况下，某些东西正在干预以将输入“重置”回其先前的value，而在同步情况下它不会这样做。这是什么机制？同步示例va

如果您有一个数组作为状态的一部分，并且该数组包含对象，那么通过更改其中一个对象来更新状态的简单方法是什么？示例，根据React教程修改:varCommentBox=React.createClass({getInitialState:function(){return{data:[{id:1,author:"john",text:"foo"},{id:2,author:"bob",text:"bar"}]};},handleCommentEdit:function(id,text){varexistingComment=this.state.data.filter({function(

我想更改hasSubmit键的值，就像在第一个代码部分中一样。我知道不推荐这样做。但是第二个代码是异步的，我不想使用setState的回调函数。this.state和setState有什么区别？有什么方法可以立即更改状态值hasSubmit？FirstCode:this.state.hasSubmit=falsethis.setState({})//Codethatwilluse`hasSubmit`.Secondcode:this.setState({hasSubmit:false,});//Codethatwilluse`hasSubmit`.添加:场景是:hasSubmitset

我正在构建一些React组件，有时想通过displayName将正在呈现的组件类型记录到控制台，JSX在显示组件名称时使用它。如何从组件的上下文中访问displayName属性？例如如何让本例中的console.log语句显示组件的显示名称？varHello=React.createClass({displayName:'HeyHey',render:function(){console.log(this.displayName);returnHello{this.props.name};}});控制台中的预期输出:HeyHey 最佳答案

如果我正在创建一个组件，您似乎可以通过多种不同的方式创建一个类。这些有什么区别？我怎么知道要使用哪一个？importReact,{Component}from'react'exportdefaultclassHeaderextendsComponent{}exportconstHeader=React.createClass({})exportdefaultReact.createClass({})我只是假设它们做不同的事情，还是只是语法不同？如果有人能给我一个快速的解释或链接，我将不胜感激。我不想从不知Prop体区别的新框架开始。 最佳答案

我已经想出如何使用丑陋的事件转换为any来将事件处理程序绑定(bind)到SELECT元素上。是否可以在不强制转换为any的情况下以类型安全的方式检索值？importReact=require('react');interfaceITestState{selectedValue:string;}exportclassTestextendsReact.Component{constructor(){super();this.state={selectedValue:"A"};}change(event:React.FormEvent){console.log("Test.change")

我有一个弹出列表，它是一个div，其中包含子div的垂直列表。我添加了上/下键盘导航来更改当前突出显示的子项。现在，如果我按下向下键的次数足够多，突出显示的元素将不再可见。如果ScrollView，向上键也会发生同样的事情。在React中自动将子div滚动到View中的正确方法是什么？ 最佳答案 我假设您有某种List组件和某种Item组件。我的做法inoneproject是让该元素知道它是否处于事件状态；如有必要，该元素会要求列表将其滚动到View中。考虑以下伪代码:classListextendsReact.Component{

我在React文档中读到“if”类​​型的语句不能在JSX代码中使用，因为JSX呈现为javascript的方式，它不会像人们期望的那样工作。但是有什么理由可以说明实现“if”组件不是一个好主意吗？从我最初的测试来看它似乎工作正常，这让我想知道为什么不经常这样做？我的部分意图是让React开发尽可能多地基于标记——使用尽可能少的javascript。对我来说，这种方法更像是一种“数据驱动”的方法。您可以checkitouthereonJSFiddle/**@jsxReact.DOM*/varIf=React.createClass({displayName:'If',render:fu

我正在尝试将Reactjs与剑道分离器一起使用。拆分器有一个样式属性，如style="height:100%"对于Reactjs，如果我理解正确的话，这可以使用内联样式来实现varstyle={height:100}但是，我也在使用DustinGetzjsxutil试图将事物分成更多部分并具有独立的html片段。到目前为止，我有以下html片段(splitter.html)Outersplitter:toppane(resizableandcollapsible){height}Innersplitter::leftpaneInnersplitter::centerpaneInners