草庐IT

Reactjs-setState

全部标签

javascript - reactjs - 无法读取未定义的属性推送

我有这个代码。我想要做的是当我点击一个按钮“功能”时它会带我去索引路线。但是,React一直说“无法读取未定义的属性推送”我做错了什么?路由.jsimportReactfrom"react";importReactDOMfrom"react-dom";import{Router,Route,hashHistory,IndexRoute}from"react-router";importLayoutfrom"./page/Layout";importFeaturesfrom"./page/Features";importFeaturesfrom"./page/archive";const

javascript - ReactJS:我可以创建自己的 SyntheticEvent 吗?

我正在使用ReactJS,它是SyntheticEvent来跟踪事件及其目标DOM节点。我正在创建一些可变组件,我希望它们触发SyntheticEvent以跟踪DOM并使用e.target和e.target.value跟踪更改的值>.如何实例化SyntheticEvent并为其分配DOM及其目标值? 最佳答案 我创建了一个辅助函数来从Event生成SyntheticEvent:exportconstcreateSyntheticEvent=(event:E):React.SyntheticEvent=>{letisDefaultPr

javascript - 如何在 Flux/ReactJS 中处理多个相同类型的商店?

我是Flux/React的新手,我很难理解一些基本的架构决策:我知道所有商店都应该是单例的,但它们都是在应用启动时创建的吗?或者商店的生命周期是否可以更短,具体到用户的操作?我能否拥有相同存储类型的多个实例,每个实例都使用不同的上下文进行初始化?不幸的是,我看到的所有示例似乎都过于简单,无法回答这些问题。让我们从Facebook'schatappexample开始.有多个线程,每个线程都有消息。MessageStore保存整个应用程序的所有消息,名为getAllForThread(id)的方法返回经过过滤的消息子集。当一条消息进入任何线程时,它会发出一个更改通知,导致MessageSe

javascript - 以编程方式填充 ReactJS 输入的正确方法

我正在构建一个运行JavaFXWebkit的headless爬虫,它肯定没有chrome的v8强大。但是我最近遇到了一些问题,我试图输入一个值来对呈现的输入字段使用react。这是我到目前为止所做的但失败了。[注意:我无法控制源代码/React代码。因为我正在尝试抓取目标网站]jQuery-$('input.r_input').val("2");VanilaJS-document.querySelector("input.r_input").value="2";通过jquery触发器触发更改事件-change、blur、keyup、keydown等。创建一个手动事件,例如:event=

javascript - ReactJS 和 Google MDL 按钮 onClick 不工作

我有一些像下面这样的JS。我发现如果我删除mdl-js-layout按钮的onClick会起作用。否则失败。为什么会这样?我已经做了componentHandler.upgradeDom()'usestrict';module.exports=React.createClass({componentDidMount:function(){console.log('update')componentHandler.upgradeDom();},addExpense:function(){console.log('addexpense');},render:function(){retur

javascript - ReactJS 服务器端渲染和 componentDidMount 方法

我是React新手,所以请不要严格判断。我在服务器上呈现我的React应用程序并希望在前端执行代码。应用程序使用样式正确呈现,没有警告或错误,尽管状态为空,因为我使用的API应该在前端执行,现在没问题。据我了解,服务器呈现组件,并且由于服务器在服务器上呈现和安装组件,并且它没有调用componentDidMount()方法哪个应该执行我的API调用和其他工作人员这是我的组件importReactfrom'react';import{render}from'react-dom';importSpComparisonfrom'./spComparison.jsx';importCompar

javascript - 如何设计一个监听 WebSocket 并与 CSS 动画交互的 ReactJS 组件

ReactJS组件需要监听WebSocket发出的事件。对于每个入站事件,组件应该呈现一个DOM节点。然后它应该等待与DOM节点关联的CSS动画完成,然后删除DOM节点。这是我打算实现的草图。这种方法看起来可行吗?setTimeout感觉很糟糕。classMyComponentextendsReact.PureComponent{componentDidMount(){this.props.webSocket.on('myEvent',componentDidReceiveEvent)}componentWillUnmount(){this.props.webSocket.off('m

javascript - ReactJS:从 Rails 传递参数以将路由器 react 到组件

我正在尝试将一个值从渲染函数传递给组件:=react_component('App',props:{test:'abc'},prerender:false)路由.jsxApp.jsx(组件)classAppextendsReact.Component{render(){return({this.props.children});}}App.propTypes={test:PropTypes.string};对于这个完整的流程似乎没有一个连贯的答案。我尝试了以下方法:()}/>但这仍然没有回答获取初始渲染调用(react_component)提供的值的问题 最

javascript - ReactJS 无法代理来自本地主机 :3000 to localhost:3003 的请求

我正在使用create-react-app编写SPA,并使用expressjs服务器作为我的后端。为了进行开发,我在端口3000上运行前端测试服务器,在3003端口上运行后端expressjs测试服务器。我使用Axios在客户端进行许多API调用,因此为了开发方便,我在我的package.json中定义了代理:“http://localhost:3003”这在我的笔记本电脑上运行良好,但在我的工作站上运行时,我在访问我的应用程序时经常遇到错误:Proxyerror:Couldnotproxyrequest/sockjs-node/487/wrst1bub/websocketfromlo

javascript - 如何从 Rails View 调用内部 API(用于 ReactJS 预渲染目的)?

我已经有了返回JSON响应的RailsAPIController。前端Javascript(以及移动应用程序)使用它来呈现值。现在,我希望使用ReactJS预呈现这些值:#app/controllers/api/v1/products_controller.rbmoduleAPImoduleV1classProductsController如何有效调用内部/api/v1/products和/api/v1/userURL(例如,不向我自己的服务器发出HTTPGET请求)? 最佳答案 我同意您希望为您的View重用您的API代码。这将使