草庐IT

React-Router-Redux

全部标签

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

javascript - 获取 React JS 私有(private)方法的最佳实践是什么?

当您为事件设置组件或元素回调时,教程和文档会显示如下代码:'usestrict';importReactfrom'react';letFooComponent=React.createClass({handleClick(args){...},render(){returnSometitleClickMe!}};exportdefaultFooComponent;但是这个handleClick方法可以从这个组件访问,如果我在另一个组件上使用FooComponent并为它分配一个引用,我可以从这个其他组件访问handleClick。'usestrict';importReactfrom'

javascript - redux - reducer 状态为空

我正在尝试在reduxdocs'basicexample中复制类似于TodoList示例的内容.第二个reducer接收一个数组-styleItems=[{......},{......}]-然后调用第一个函数来作用于每个单独的对象.我通过以下方式向应用程序容器提供了一个initialState,如containers/app.js所示。但是,传递给styleItemsreducer的状态似乎每次都是空白数组。但是,react会根据初始配置呈现UI,并且reactdev-tools会按预期显示状态结构。reduxstore是否以某种方式看到与react相同的东西?containers/

javascript - react-native 使用绝对路径?而不是从 '../../something/X' 导入 X?

我想知道为我的项目使用完整路径的最佳方式。例如,如果我正在导入一个组件,我不想执行importComponentfrom'../components/Component',而只是执行importComponentfrom'app/组件/组件';有人可以帮帮我吗? 最佳答案 要有绝对路径,我正在考虑您的package.json在根目录中。在里面,你的package.json添加一个新的属性名称,无论你想要什么值,即"name":"root"然后导入与该路线相关的所有路线importComponentfromroot/component

javascript - 如何在 React 中添加两个 onClick 函数

这个问题在这里已经有了答案:CallmultiplefunctionsonClickReactJS(10个答案)关闭6年前。嘿~我正在尝试在React中的同一个onClick上触发提交功能和谷歌点击事件。我如何在React中执行此操作?这是代码:{gaClickEvent('where-to-buy','submit',undefined)}}>