草庐IT

react-360

全部标签

javascript - 在 Meteor 的钩子(Hook)中更改 react 变量的值

我有Template.templateName.onCreated(function(){this.variableName=newReactiveVar;this.variableName.set(true);});在templateName中我有一个autoform。当提交autoform时,我需要将react变量variableName设置为false。我试过了AutoForm.hooks({myForm:{onSuccess:function(operation,result){this.variableName.set(false);},}});但它不起作用,因为this.不

javascript - 同构 React 中的实时环境变量

我基于thisrepo中的初学者工具包构建了一个同构React应用程序.它使用webpack构建生产代码。问题是,我需要将服务器上的一些环境变量的值暴露给浏览器中的客户端代码,而无需重建生产代码。我希望能够更改envvars的值,并让它在下一页刷新时影响客户端,而无需重建任何东西。而且我不想为了做到这一点而使测试复杂化。我找到了一些解决方案,但都不是很好:使用webpack的DefinePlugin将某些环境变量的值硬编码到生产代码中。与概述的相似here构建一个API只是为了将env变量拉入客户端。编写一个位于webpack系统之外的特殊.js文件。该文件将被模板化,以便在将其提供给

javascript - 如何将react js组件拆分成多个文件

我试图将每个组件分离到一个单独的文件中以获得更好的模块化。尽管我在索引页上包含了组件jsx文件,但我仍然收到UncaughtReferenceError:TopicsListisnotdefined代码如下:index.htmlReact.jsDemolayout.jsx"usestrict";varLayout=React.createClass({render:function(){return();}});ReactDOM.render(,document.getElementById('main-container'));topic-list.jsx"usestrict";va

javascript - 如何处理 redux 应用程序中 react-router 路由中的无效 ID?

我有呈现消息的路由/messages/:id。但是,如果id指向一个不存在的消息,应该在哪里以及如何处理它?我的组件使用redux绑定(bind)到消息:functionmapStateToProps(state,ownProps){return{message:state.messages[ownProps.params.id]}}然后message将是undefined以防不存在这样的消息并且组件必须处理它,并呈现不同的东西。但是,这似乎会使组件膨胀,我想也许这应该在路由器中处理?如果没有这样的消息,则不应允许调用该路由。有什么想法吗? 最佳答案

javascript - 在 react-router 中调用 getComponent 时如何显示正在加载的 UI?

我真的是React的新手,我不知道如何在使用getComponent加载路由时呈现“正在加载...”屏幕。getComponent调用工作正常并显示组件,但UI上没有指示请求和响应之间发生的任何事情。这就是我想要弄清楚的。importMainfrom'./pages/Main.jsx';importTestfrom'./pages/Test.jsx';importHomefrom'./pages/Home.jsx';varRoutes={path:"/",component:Main,indexRoute:{component:Home},childRoutes:[{path:"tes

javascript - React-Router Link,如何从另一个组件触发链接上的点击事件

我正在尝试设置一系列React-Router以在特定组件内进行导航。我已对其进行设置,因此链接标签可以正常工作,但我正在尝试将它们设置为如下所示:样式设置如下:PaymentsBillsCharge当前系列的链接看起来像这样(没有样式):option1option2option3HTML(顶部)是用HTML编写的,而不是JSX,但这不是问题所在。我正在尝试将链接组件组合到上面的HTML中,以便选项将触发链接标签的功能。在React文档中我发现了这个:Forcommunicationbetweentwocomponentsthatdon'thaveaparent-childrelatio

javascript - 将 Prop 从 react 路由器传递给服务器上的 child

我正在使用React、react-routerv3和material-ui构建同构应用程序。服务器端渲染中material-ui的要求之一是将客户端的用户代理传递给主题,因此MUI将能够相应地为其内联样式添加前缀。最初应用程序的根组件是路由器,即在服务器端:在客户端:现在,由于我不知道如何将用户代理传递给服务器上的RouterContext,我想出了一个(丑陋的?)解决方案:我创建了一个无用的组件,名为Root,我将用户代理传递给了他,Root将路由器作为他的children,即在服务器端:在客户端:现在,一切正常,但我真的不喜欢在不必要的情况下创建无用的元素,所以我的问题是-是否有更

javascript - 使用动态生成的选项为 Select react defaultValue

使用defaultValue或valuePropon而不是设置selectedon。ReactAngulardefaultValue可以与上面的选择标签一起使用。但是,它似乎不适用于循环生成的选项。{option_id.map(id=>{options[id].name})}声明defaultValue时可能选项没有完全设置?我可以在componentDidUpdate()和onChange事件中进行手动分配。但我的问题是-是否有任何更清洁(更好)的方法来解决它?谢谢。 最佳答案 这是旧的,但由于答案#1与controlledSel

javascript - React-Native:Webview Javascript-Injection 未按预期工作

我想做什么:我进行了一次获取调用,这为我提供了一个APItoken以登录网络。现在我想将一个cookie(包含此api-token)注入(inject)Webview,这样我应该会自动登录。我尝试了什么:我像这样设置了一个Webview:在上面我将cookie设置为:cookie:'document.cookie=\'apiToken=xxx;userId=1;expires=28799\'';我也加载了thischromeextension并在Chrome中注入(inject)上面的行,它完美地工作..我读到javascript在View加载后被注入(inject),但这应该仍然有效

javascript - 在 React Native 中需要太多图像的问题

我有如下所示的javascript文件。它有很多对象(1000+)。由于我们不能在react-native中为图像使用动态名称,这是我的解决方法。"grinning":{"image":require('./images/1f600.png'),"shortname":":grinning:",}我在其他一些ReactNative函数中需要此文件并循环显示所有图像。但是在javascript文件中需要太多图像时出现内部错误。{"type":"InternalError","message":"react-packagerhasencounteredaninternalerror,ple