草庐IT

Reactjs-setState

全部标签

javascript - ReactJS 组件函数

关于ReactJS仍然有愚蠢的问题=)有什么办法可以给React组件添加公共(public)函数吗?我正在尝试做这样的事情:varLoginForm=React.createClass({getInitialState:function(){},render:function(){},MyFunc:function(){}})...varlogin_form=LoginForm({});React.renderComponent(login_form,document.body);...login_form.MyFunc();你能解释一下我做错了什么吗? 最

javascript - 使用 jquery 选择器渲染 reactjs

在学习React的同时,我在构建测试应用程序时使用jqueryforajax。是否可以使用jquery选择器作为目标来渲染react组件?这是来自reacttut.:React.render(,document.getElementById('content'));这行不通,但我什至不知道是否可行:React.render(,$('#content'));谢谢,约翰 最佳答案 这样就可以了React.render(,$('#content')[0]); 关于javascript-使用jq

javascript - 将 ReactJS 对象下载为文件

我正在构建一个带有连接到ExpressAPI服务器的ReactJS前端的应用程序。使用Ajax调用API。在我的一个View中,表格的每一行都加载了“导出”链接。导出链接指向调用API端点的React路由,该端点提供CSV文件供下载。如果我使用有效请求(在React应用程序之外)直接访问API端点,则会在我的浏览器中启动文件下载。完美的!但是,按照React页面中的导出链接尝试加载调用API的View。表格从View中消失并被文件内容取代(目的是证明我有数据)但没有文件被下载。我可以强制将响应对象的内容下载为文件吗?这会发生在ajax成功回调中吗?我尝试使用javascript,但我在

javascript - 为什么 componentWillUpdate() 和 componentWillMount() 在这些方法中使用 setState 时不会触发渲染功能?

我们可以在每个组件生命周期方法中调用setState()。为什么我们不在componentWillUpdate()和componentWillMount()中调用它?为什么这些方法在将setState放入其中时不触发渲染函数?谁能详细解释一下?谢谢。 最佳答案 componentWillMount()中的setState()componentWillMount()isinvokedimmediatelybeforemountingoccurs.Itiscalledbeforerender(),thereforesettingstat

javascript - Reactjs 路由器匹配回调参数始终未定义

我使用match方法进行服务器端渲染,回调中的参数始终未定义。可能出了点问题,但已经整整一天了,我无法理解它。这是我的服务器端渲染。//Createlocationfromthehistorymodule.letlocation=createLocation(req.url);match({Routes,location},(error,redirectLocation,renderProps)=>{//TODO:Verifywhythisisalwaysundefinedconsole.log('ERROR::',error)console.log('REDIRECTLOCATION

javascript - 如何从 ReactJS 中的浏览器获取 URL 地址(服务器 URL)

我可以解析其中一个初始调用的HTTP响应并将其保存在状态中,但必须有另一种方法来获取URL吗?我正在使用npm'rest'库并想指定一个不同的端口,但我不知道服务器将安装在哪台机器上的路径,所以我需要服务器的url。解决方案窗口.位置.主机名 最佳答案 location是window对象的一个​​属性,里面有一堆信息,你可以用window.location.href您可以使用window.location.hostname获取主机名 关于javascript-如何从ReactJS中的浏览

javascript - 在 reactjs 中发生状态更改后调用函数

我的问题是这样的。我有两个组成部分。第一个组件是图像裁剪器。第二个组件是我应该显示裁剪图像的组件。我面临的问题是我可以将裁剪后的图像传递到我的第二个组件,但我必须按下裁剪图像的按钮并传递到第二个组件,两次。在第二次单击时,只有我的图像传递到第二个组件。但是我只需单击一下就可以在第一个组件中显示裁剪后的图像。我认为它正在发生,因为在reactjs状态变化不会立即发生。那么我该如何解决这个问题。我的方法是在第一个组件中创建一个prop函数作为this.props.croppedImage(this.state.preview.img);这里this.state.preview.img是裁剪

javascript - ReactJS:用于 css 转换的切换类

我需要在组件(甚至页面)完全呈现后打开css类,以便在页面加载时对相关属性进行动画处理。我该怎么做,最好不用jQuery?如果我在componentDidMount中切换组件的类,动画实际上不会发生。 最佳答案 我真的没听懂你说的那部分:afteracomponent(oreventhepage)iscompletelyrendered,sothatrelevantpropertiesareanimatedonpageload.您希望在什么时候为元素设置动画?如果您在render()函数中指定类名,则组件将在页面加载时使用动画呈现。

javascript - ReactJs - 语法错误 : embedded: Unterminated JSX contents

我是ReactJs的新手,我有一个愚蠢的问题,我想,但我看不出它的原因所在。我的训练代码:varListComponent=React.createClass({render:function(){return({this.props.value});}});varTodoComponent=React.createClass({getInitialState:function(){return{listPoints:[]}},addListPoint:function(event){if(event.target.value!==''){this.setState({listPoin

javascript - 如何在 ReactJS 中重新加载当前页面?

如何在ReactJS中重新加载当前页面?如果是javascript,我们可以编写window.location.reload();如何在Reactjs中做同样的事情?我可以通过UI添加新数据。但是如果不刷新,我就看不到列表。我想要它,这样每当我添加一些数据时,它就会自行刷新。onAddBucket(){letself=this;letgetToken=localStorage.getItem('myToken');varapiBaseUrl="...";letinput={"name":this.state.fields["bucket_name"]}axios.defaults.he