草庐IT

react-router-v4

全部标签

javascript - ReactJS 如何在 React 中切换页面?

所以来自Angular/AngularJS背景,你有状态,每个状态都是一个单独的页面。例如。在社交网络中,你可以有一个状态与你的提要,一个状态与你的friend列表,或者一个状态来查看个人资料等。非常简单。对我来说,React不是那么多。假设我有一个包含2个页面的应用程序:一个产品列表和一个产品View。在它们之间切换的最佳方法是什么?最简单的解决方案是拥有一个对象,它有一个stateName并且是一个bool值constructor(){super();this.state={productList:true,productView:false}}然后在你的render()函数中加入

javascript - 如何在 react-visjs-timeline 中调用方法

使用react-visjs-timeline,如何调用Timeline组件的方法?方法如:timeline.fit();timeline.setItems({...});timeline.focus(id);我向组件添加了一个ref,但我不确定要在哪个项目上调用方法:docsforreact-visjs-timeline没有提到如何调用方法。? 最佳答案 您只想调用$el的方法。this.timelineWrapperRef.current.$el.fit();this.timelineWrapperRef.current.$el.

javascript - 测量 React Native 应用程序中网络套接字使用的带宽

在我们的应用程序中,员工使用手机记录企业内的事件。他们最终平均每月使用0.5GB-2GB数据。我正在尝试在我们的应用程序中构建记录数据使用情况的功能,以便我们可以以费用报销的形式将其发送回企业。在下面的示例代码中,如何确定通过WebSocket发送消息的设备使用了多少带宽/数据?varws=newWebSocket('ws://host.com/path');ws.onopen=()=>{ws.send('something');}; 最佳答案 假设您可以通过唯一IP识别客户端session(只是session,他们并不总是需要这个

javascript - 元素值在使用 react-transition-group 转换之前移动和更改

我在使用react-transition-group时注意到了这种行为打包在我正在处理的gatsby项目中。我有一个“标签”列表,当它们是从另一个主列表中挑选出来时,它们被添加到一个事件列表中。单击主列表中的标签将其添加到事件列表中,单击事件列表中的标签将其删除。几乎与您期望的类似工作方式一样。转换in工作得很好,但是当转换out时,标签以一种奇怪的方式重新组织自己。我们有五个具有以下值的标签:不含乳制品派对食品家庭规模低胆固醇低钠如果您单击FamilySized标记将其删除,会发生以下情况:FamilySized立即消失LowCholesterol和LowSodium立即向左移动最后

javascript - Svelte 等同于 React 的 props.children?

我在svelte3的任何地方都找不到这个功能。我希望它是这样的..App.svelteCan'tconnecttotheserver!`Error.svelte{props.children}我希望App.svelte显示:Can'tconnecttotheserver!我只知道如何使用React的props.children来做到这一点。 最佳答案 您可以使用slot.它是svelte提供的一个组件。您可以在您的组件中使用它。传递给组件的任何内容都将代替插槽呈现在你的error.svelte中试试这个

javascript - 如何在 Parse.com 中设置路由? Parse.Router 的替代品

集成路由器的最简单方法是什么?这https://parse.com/questions/how-to-create-website-with-parse建议在Parse旁边添加Backbone.js。我该如何以最轻松的方式做到这一点?想知道Parse团队是否正在计划一个Parse.Router类:) 最佳答案 较早的回复已过时。ParseJSSDK现在包含一个路由器。使用Parse.Router和Parse.history。 关于javascript-如何在Parse.com中设置路由?

javascript - 使用 UI Router 进行分页时如何更改 URL?

我有一个使用AngularUI-Router的AngularJS项目,进展顺利,但我正在尝试实现UIBootstrap分页指令,但无法制定出正确的策略。我有一个数据表,一次显示一页,并且我有分页指令显示正确的页面链接数。当您单击链接时,它会获取新的页码并调用Restangular来获取新记录并将它们绑定(bind)到表中。一切正常,但很明显,当您翻阅数据时,URL不会更改,因此用户无法使用浏览器的后退/前进按钮来浏览他们的历史记录。理想情况下,我想使用以下URL:/contacts/contacts/page-2/contacts/page-3我还想在URL中包含排序,但这是另一个问题

javascript - 将 React 的不可变助手与 Immutable.js 结合使用

我正在研究助焊剂应用,正在考虑采用immutable.js保持状态。我看到React提供了自己的帮助程序来更新不可变对象(immutable对象)(http://facebook.github.io/react/docs/update.html),但无法说出它与不可变对象(immutable对象)自己的setIn和updateIn方法有何不同(即,我已经可以将对象与===进行比较,如果它们随setIn改变)。是否有理由将react助手与immutable.js一起使用?它只是语法糖吗?TL;DR是:varmap=Immutable.fromJS({bar:'baz'});map2=Re

javascript - React HTML 编辑器 (TinyMce)

我一直在寻找用于React的HTML编辑器,但因为我找不到任何可以正常工作的东西(我只需要格式化文本h1、h2、h3、p、粗体和图像[在base64中])最后我决定使用TinyMce,效果很好。但只有当页面第一次打开时。如果我再次进入该页面。如果没有浏览器relaod,则tinymce不会被初始化。你知道在这种情况下会触发什么react事件吗?到目前为止,这是我的小wrapper:/**@jsxReact.DOM*/varReact=require('react');varTinyMceEditor=React.createClass({componentDidMount:functi

javascript - 如何使用 classList 获取 React 组件引用以更改其类?

我使用以下代码创建了一个React组件。在此我创建选项卡并添加类并将其引用存储在全局命名空间接口(interface)中以供进一步处理。varTabBody=React.createClass({getInitialState:function(){return{class:'tabBodytabactiveTab'}},render:function(){Interfaces.tabBody=this;tabSelectionInfo.tabBody=this;return(React.createElement('div',{className:this.state.class,o