草庐IT

组件化管理

全部标签

javascript - 带有 Flux 的嵌套循环 React 组件,更改父级或子级的监听器?

我正在React/Flux中构建一个WordDojo克隆。该游戏本质上是Boggle-您可以通过点击网格中相邻的字母来拼词:我的React组件及其来源:GameboardTileColumnTile所有源代码canbeviewedhere.目前的运作方式:有一个GameStore包含javascript对象的二维数组。这些对象有一个“字母”字符串值和一个“事件”bool值。当用户单击一个字母时,它会分派(dispatch)到GameStore,GameStore会更新该二维数组并发出Change事件。GameBoard组件监听该更改事件,然后重新呈现10个TileColumns,每个T

javascript - 在两个同级 React.js 组件之间传递数据

我在一个页面上有一个组件(一个搜索字段)的两个实例,它们之间有第二个组件(一个调用服务器的按钮),例如:ReactDOM.render(,document.getElementById('root'));我想做的就是从CardSearch字段向RunOnServer按钮每个传递一个未修改的参数,但如果这很容易,我会被诅咒的。Accordingtothis我可以使用this.state.var作为Prop,但是这样做会在代码编译时给了我“undefined.state.var”。React'sofficialdocs不是很好;他们只是告诉我自己去使用Flux,这看起来很愚蠢……我不需要一

javascript - 如何在 Vuejs 组件中应用过滤器?

如果我有一个简单的过滤器,请说:Vue.filter('foo',function(value){returnvalue.replace(/foo/g,'bar');});还有一个简单的组件:Vue.component('example',{props:{msg:String,},});在标记内:{{msg}}我可以简单地应用过滤器:{{msg|foo}}我可以轻松地在模板中应用过滤器,但我想将该逻辑移回到组件中。它不需要成为过滤器,但基本上是一种为数据字段创建getter和setter的方法。类似于:Vue.component('example',{props:{msg:{type:

javascript - 是通过 Prop 将对象传递给子 react 组件,克隆原始对象还是通过引用传递?

如果我要通过components属性将对象传递给子组件,这个对象是被克隆还是只是传递对原始对象的引用?例如,在我的App.js中,我正在导入一个JSON对象ENTRY_DATA。然后我通过Prop将该对象传递给我的子组件(或在本例中为路由)。我这样做是在节省内存还是与在每个组件上导入ENTRY_DATA一样?importReact,{Component}from'react';import{withRouter,Route}from'react-router-dom'importENTRY_DATAfrom'./../../entry_data.json';importRegister

javascript - Django 管理员 : Pre-populating values from POST or GET?

在我的Django1.2.4站点中,我想将用户引导到一个管理页面,该页面根据他们正在使用的当前数据预先填充了一些值。例如:{%forpersoninpeople%}{{person}}Createafoofor{{person}}{%endfor%}然后,当用户点击链接时,name字段会预先填充值{{person}}。DjangoAdmin界面是否支持这样做?Django管理表单使用POST,但我不确定如何将POST数据添加到来自模板的请求。或者,我可以设置GET变量,然后在表单中使用自定义JavaScript来相应地设置值。 最佳答案

javascript - 如何在 React Native 中重用 React JS 组件

我是ReactJS的新手。我正在尝试构建一个应该也可以在移动设备(Android和IOS)上运行的Web应用程序,因此考虑将reactjs用于webapplication并创建了几个组件。那么是否可以在Reactnative中使用Reactjs组件。 最佳答案 提前计划好。JS和Native之间的100%匹配是不可能的,但是通过仔细规划,你可以重用很多东西。您可能想看看ReactNativeWeb反射(reflect)Web的本地特定组件的项目(例如View、图像、文本等)。我建议在ReactJS中构建一个简单的原型(prototy

javascript - Javascript 如何管理递归调用?

我正在闲逛JavaScript,注意到一个奇怪的行为(至少对我来说很奇怪......)所以我做了一个SSCCE在这里:我有一个名为“myDiv”的divfunctionchangeText(text){document.getElementById("myDiv").innerHTML=text;}functionrecursiveCall(counter){if(counter){setTimeout(function(){recursiveCall(--counter);changeText(counter);},750);}}recursiveCall(10);实例:http:/

javascript - 如何在窗口管理器中添加 tinymce 列表框值

我打开一个窗口管理器并添加一个文本字段和列表框:editor.windowManager.open({title:'Insertcaption',body:[{type:'textbox',name:'text',label:'text','multiline':'true','minWidth':450,'minHeight':100},{type:'listbox',name:'align',label:'align','values':['pull-left','pull-right']}],显示列表框,但不显示值。在文档(http://www.tinymce.com/wiki.

javascript - 如何从 Vue.js 中的变量名加载组件?

我想从我的vue.js应用程序中的动态变量名加载一个组件。我注册了以下组件:Goal:{{data.text}}而不是像这样加载我想从一个变量名加载,像这样:当然,在这种情况下,mytemplate.type等于“目标” 最佳答案 使用dynamiccomponent像这样: 关于javascript-如何从Vue.js中的变量名加载组件?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questi

javascript - node.js connect-auth 应用程序?示例(用户注册/用户/ session 管理)

我正在尝试掌握node.js的窍门并正在寻找身份验证示例。希望使用connect-auth并使用带有散列和盐的http摘要。我看过这个,但它似乎不太安全:http://nodetuts.com/tutorials/13-authentication-in-express-sessions-and-route-middleware.html#video有没有人有更好的例子?首选Mongodb!谢谢!我正在寻找用户管理和身份验证。 最佳答案 因为@jpstrikesback提到了我,所以我会在这里发布一个答案:)我最近在整个Expres