jjzjj

Reactjs-setState

全部标签

javascript - 事件处理程序上的 Reactjs 函数绑定(bind)

我试图理解为什么我们必须将对象null绑定(bind)到函数add(text){this.setState(prevState=>({notes:[...prevState.notes,{id:this.nextId(),note:text}]}))}render(){return({this.state.notes.map(this.eachNote)}Addnote)}为什么我们不能只做this.add("NewNote")? 最佳答案 onClick={this.add("NewNote")}会立即运行add()方法,然后将结

javascript - ReactJS:文本对齐证明不起作用

我一直在使用text-align:justify均匀分布菜单。按照这个tutorial它工作得很好。但是,当我使用ReactJS创建View时它会中断。可以在此处找到比较:http://jsfiddle.net/j7pLprza/1/.我使用这两个简单的组件来填充菜单:varMenuItem=React.createClass({render:function(){return({this.props.title});}});varTopMenus=React.createClass({render:function(){return({this.props.menus.map(fun

javascript - 从 Bootstrap 到 reactjs 的导航栏

我使用Bootstrap编写了一个导航栏并使用react。为了获得bootstrap的功能,必须安装jquery.js和bootstrap.js。我只是想基本上使用bootstrap的CSS文件和reactjs的功能。将Bootstrap与reactjs一起使用有意义吗?我需要用reactjs实现一些帮助来编程导航。这是我标题的来源。我需要帮助在没有bootstrap.js和jquery.min.js的情况下对reactjs中的导航栏进行编程importReactfrom"react"exportclassHeaderextendsReact.Component{render(){re

javascript - 如何在reactjs中读取数组的信息?

我想循环一个数组并从中创建列表项。在控制台中,它显示错误被抛出,因为我的数组没有键,只有值。那么读出数组的正确操作是什么?*//this.props.items=["cars","streets","houses"];*Wrong.Youcan'tupdatepropsvarTodoList=React.createClass({render:function(){varcreateItem=function(item){return{item};};return{this.props.items.map(createItem)};}}); 最佳答案

javascript - ReactJS 中 `() => {}` 的含义

这个问题在这里已经有了答案:What'sthemeaningof"=>"(anarrowformedfromequals&greaterthan)inJavaScript?(14个答案)关闭6年前。我正在观看有关React的教程,我看到了这个声明:setTimeout(()=>{this.setState({name:"Bob"});},1000)现在,我承认我对JS总体上还是个新手,所以这可能只是对基础知识的无知,但是()=>{}发生了什么?我用谷歌搜索它没有任何运气。欢迎外部引用。

javascript - (React js) 音频 src 在 setState 上更新,但音频播放没有改变

我正在尝试使用React构建一个迷你2轨音频播放器。音频由一个html音频元素集中控制,该元素在子组件内有一个轨道列表。可以看到(尚未设置样式的)播放器here.我可以在React开发工具中得知,单击各个音轨选择按钮确实会更新音频元素的src(感谢此处成员的帮助),但是,播放的音频不会改变。我已经在下面发布了应用程序代码。是否可以通过这种方式更新状态来改变正在播放的音频?非常感谢您的帮助。varTRACKLIST=[{id:1,name:"songa",source:"./audio/test.m4a"},{id:2,name:"songb",source:"https://s3-us

javascript - Reactjs react 谷歌地图未定义

我正在使用react-google-maps包https://github.com/tomchentw/react-google-maps和https://www.npmjs.com/package/react-google-maps.我有一条错误消息:./src/App.jsLine31:'google'isnotdefinedno-undefLine32:'google'isnotdefinedno-undefLine37:'google'isnotdefinedno-undefLine42:'google'isnotdefinedno-undefLine44:'google'is

javascript - TypeError : Object(. ..) 不是函数 reactjs

我试图通过将fillCalendar()从组件的方法中提取到它自己的js文件中并导入它来清理这个react组件。最初this.state.datesArray是在componentWillMount()生命周期方法中设置的。现在我试图在构造函数中直接初始化它,因为这就是react文档recommends.现在这样做会抛出“TypeError:Object(...)isnotafunction”错误,我不知道为什么。这是Calendar.js使用的样子seehere.日历.jsimportReact,{Component}from'react';import{fillCalendar}f

javascript - $.get 中的 setState

当在$.get范围内使用this.setState()时,出现以下错误UncaughtTypeError:undefinedisnotafunction它在$.get范围之外工作正常。我该如何解决这个问题?$.get(APIURL,function(data){this.setState({resdata:"Thisisanewstate"});});我不确定将jQueryAJAX替换为其他小型AJAX库的最佳做法是什么。 最佳答案 您可以保存对外部this的引用:varthat=this;$.get(APIURL,function

javascript - 使用 await setState() 是否正确?

我的函数是这样的:this.setState(prevState=>({time:prevState.time+1}),function(){doSomethingWithNewState(this.state.time)})在这种情况下使用await是否正确?像这样:awaitthis.setState(prevState=>({time:prevState.time+1}));doSomethingWithNewState(this.state.time); 最佳答案 您不能等待this.setState原因已经说明。但是您可以