Tag: reactjs

Sinon FakeServer没有请求？: 我正在关注SinonJS 假服务器教程，我正在运行这个简单的代码： var server; before(function () { server = sinon.fakeServer.create(); }); after(function () { server.restore(); }); it(“calls callback with deserialized data”, function () { var callback = sinon.spy(); getTodos(42, callback); // This is part of the FakeXMLHttpRequest API server.requests[0].respond( 200, { “Content-Type”: “application/json” }, JSON.stringify([{ id: 1, text: “Provide examples”, done: true }]) ); […]

Force React通过注入JavaScript来触发事件: 我想做什么我目前正在为Web-Whatsapp写一个小聊天机器人。我决定使用镀铬扩展，因为简单的js注入。当您开始输入内容时，会有一个语音消息按钮切换到用于发送文本的按钮。 React删除语音邮件元素并呈现发送按钮。问题整个过程是事件驱动的。我正在通过DOM设置Text，它不会触发react事件。我尝试模拟按键，但出于安全原因，似乎chrome的v8禁用了模拟按键的所有方法。我还试图稍微操纵HTML，但在我对Elements进行更改后反应停止了。我也尝试了jQuery函数，但这也没有用。引用没有帮助的事情： Chrome中的Keydown Simulation通常会触发，但不是正确的键 https://api.jquery.com/keypress/ 问题有没有办法强制React解雇这个事件？或者任何类型的解决方法？

jQuery和ReactJS ONLY动画: 我只需要使用jQuery动画，请不要提及过渡。这是我的代码库 var CommentForm = React.createClass({ componentWillUnmount: function(cb) { console.log(‘hiding’) jQuery(this.getDOMNode()).slideUp(‘slow’, cb); console.log((this.getDOMNode())) }, componentDidMount: function() { jQuery(this.getDOMNode()).hide().slideDown(‘slow’); if (this.props.autofocus) { jQuery(this.refs.commentArea.getDOMNode()).focus(); } }, render: function() { return ( Comment ); } }); 正如您所看到的，我可以在安装组件时添加一个非常棒的动画，但是我无法使用动画卸载组件，就像我在代码中提到的那样。有没有想过如何使用jQuery做到这一点？和Reactjs组件生命周期？

失败的formspropType：您为没有`onChange`处理程序的表单字段提供了`value`道具: 当我加载我的反应应用程序时，我在控制台中收到此错误。警告：表单propType失败：您为没有onChange处理程序的表单字段提供了value prop。这将呈现一个只读字段。如果该字段应该是可变的，则使用defaultValue 。否则，设置onChange或readOnly 。检查AppFrame的render方法。我的AppFrame组件如下： class AppFrame extends Component { render() { return ( ShireSoldiers Menu Dashboard Fixtures Players {this.props.children} ) } } export default AppFrame; 我正在努力弄清楚我在这里做错了什么。应用程序启动并运行，但我试图删除所有控制台警告/错误。

React.js：停止渲染从滚动到页面顶部: 每次在React.js中执行渲染时，UI都会滚动到页面顶部。 JSFiddle： http ： //jsfiddle.net/bengrunfeld/dcfy5xrd/ 任何漂亮或被动的方式来阻止它？例如，如果用户向下滚动页面，然后按下导致渲染的按钮，则UI将保持与之前相同的滚动位置。 // Forces a render which scrolls to top of page this.setState({data: data}); 更新：为什么UI滚动到顶部进行一些渲染，而不是其他渲染？

使用React.js的slideUp（）和slideDown（）动画: 我创建了一个react组件，它由slideUp（）和slideDown（）动画组成。我已经实现了使用jQuery slideup和slidedown方法。我必须使用反应动画来实现此function。我读到了ReactTransitionGroup和ReactCSSTransitionGroup 。解释的方式告诉我，当DomNode安装到组件或卸载时我们可以执行此function（如果我错了，请纠正我）。我的问题是 – >如何以反应方式执行slideup（）和slidedown（）而不使用jQuery。请参阅此jsFiddle for https://jsfiddle.net/guc3yrm1/ PS – >请解释一下为什么这个反应动画部分看起来有点难以与jQuery相比（我是一个jQuery人） var Hello = React.createClass({ getInitialState: function() { return { slide: false, } }, slide: function() { if (this.state.slide) { $(this.refs.slide).slideDown(); this.setState({ slide: false }); } else { $(this.refs.slide).slideUp(); this.setState({ slide: true }); } }, render: function() { return ( […]

bind（this）不能在ajax成功函数上工作: 我使用react和jQuery。这是我的代码的一部分。在响应组件安装之前，我执行ajax请求以了解用户是否已登录。当响应返回状态代码200时，应该设置状态。我错误地使用bind(this)吗？ componentWillMount: function(){ $.ajax({ url: “/is_signed_in”, method: “GET”, dataType: “json” }).success(function(response){ this.setState({ signedIn: response.signed_in, currentUser: $.parseJSON(response.current_user) }); }.bind(this)); }, componentDidMount: function(){ console.log(this.state.signedIn); } 编辑01 当我做console.log(this); success(function(response){…})回调。 this是下面的。 R…sc…s.Constructor {props: Object, context: Object, state: Object, refs: Object, _reactInternalInstance: ReactCompositeComponentWrapper}_reactInternalInstance: ReactCompositeComponentWrapper_context: Object_currentElement: ReactElement_instance: ReactClass.createClass.Constructor_isOwnerNecessary: false_isTopLevel: false_mountImage: null_mountIndex: 0_mountOrder: 2_pendingCallbacks: null_pendingElement: null_pendingForceUpdate: false_pendingReplaceState: false_pendingStateQueue: […]

如何从React中的子组件获取值: 所以我刚刚开始使用React，并且无法收集子组件中输入的输入值。基本上，我正在为我正在制作的大型表单创建不同的组件，然后在包含组件中，我想收集我正在调用数据的对象中的子项的所有输入值，然后将收集的输入发送到POST AJAX请求（您可以在我制作的最后一个组件中看到一个示例）。当我在组件内部时，我可以很容易地提取值，但是从父组件中拉出它我还没想到。提前致谢。现在就通过React解决这些问题，所以关于如何更好地构建这个问题的任何建议，我都是耳朵！这是我的组件：第一部分 var StepOne = React.createClass({ getInitialState: function() { return {title: ”, address: ”, location: ”}; }, titleChange: function(e) { this.setState({title: e.target.value}); }, addressChange: function(e) { this.setState({address: e.target.value}); }, locationChange: function(e) { this.setState({location: e.target.value}); }, render: function() { return ( Title Address Location ); }, // render }); // […]

REACT JS：映射在JSX中呈现的对象数组: 我是React JS的新手。问题是我需要在这段代码中显示数据库中的所有字段。我已经能够在浏览器控制台中获取所有数据作为对象，并且我能够在浏览器中查看数组中的最后一块数据，但是无法查看它们。请原谅我代码中的错误格式，因为我是新手。谢谢提前….. 输出和代码浏览器视图：Land of Toys Inc.的名称是131 JSON数据： {“posts”:[ {“id”:”103″,”name”:”Atelier graphique”}, {“id”:”112″,”name”:”Signal Gift Stores”}, {“id”:”114″,”name”:”Australian Collectors, Co.”}, {“id”:”119″,”name”:”La Rochelle Gifts”}, {“id”:”121″,”name”:”Baane Mini Imports”}, {“id”:”124″,”name”:”Mini Gifts Distributors Ltd.”}, {“id”:”125″,”name”:”Havel & Zbyszek Co”}, {“id”:”128″,”name”:”Blauer See Auto, Co.”}, {“id”:”129″,”name”:”Mini Wheels Co.”}, {“id”:”131″,”name”:”Land of Toys Inc.”} ]} 这些数据是通过编写为插件的PHP代码获得的，该插件采用JS代码中给出的urlforms HTTP：//localhost/Akshay/REACT/testDataAPI.php用户= 2＆NUM = 10＆格式= JSON 我的代码： React Tutorial var […]

如何在ReactJS上使用JQuery: 我是ReactJS的新手。直到现在我正在使用JQuery来设置我需要的任何动画或某些function。但现在我正在尝试使用ReactJS并使用JQuery进行最小化。我的案例是：我正在尝试构建自己的手风琴，使用JQuery我可以做到，但是使用ReactJS我不明白如何。 Head 1 Body 1 Head 1 Body 1 Head 1 Body 1 使用JQuery ： $(‘.accor > .head’).on(‘click’, function(){ $(‘.accor > .body’).slideUp(); $(this).next().slideDown(); }); 我的问题： 1.如何在ReactJS中做到这一点？谢谢你