草庐IT

STD_PROP_LIST

全部标签

javascript - 在 React/Redux 应用程序中,我什么时候应该显式地传递一个 prop,而不是使用 mapStateToProps 从全局状态中获取它?

我正在构建我的第一个React-Redux应用程序,在许多情况下,我可以选择执行或者有然后做functionmapStateToProps({pagination:{page}}){return{pageNumber:page+1};}使用一种或另一种方式的含义是什么?我什么时候应该更喜欢一种方式?是否有关于如何拾取Prop的最佳实践?每次用都感觉有点不好mapStateToProps在一些深层嵌套的组件中,因为感觉组件与特定页面/应用程序的状态耦合。 最佳答案 没有一个好的答案。根据位于http://redux.js.org/do

javascript - 在 React-Router 中将状态作为 Prop 从父级传递给子级?

过去几天我一直在使用React-Router,我非常喜欢它!我一直遇到的一个问题是我找不到将状态从父组件传递到子组件的最佳方法。我一直在查看一些堆栈溢出和博客文章,但我似乎无法找到我想要的东西。这是一个关于我正在寻找的东西的非常简单的例子。classAppextendsReact.Component{constuctor(props){super(props);this.state={name:"helloworld",lastname:"worldhello"};}render(){//SOMETHINGLIKETHISWOULDBEPREFFEREDif(this.props.ch

javascript - 中继现代 RefetchContainer Prop 未传递给组件

我在RelayModern中设置refetchContainer时遇到一些问题。父组件是QueryRenderer,它运行初始查询,适本地填充子组件的Prop(a-prop-riately?嗯?嗯?!)。refetchContainer指定了我们所有的变量,并在输入字段的onChange事件上,使用新变量重新运行查询。这一切都很完美,除了child的Prop永远不会用收到的新数据更新。我可以深入中继存储并查看确实收到了带有适当数据的查询。一段时间以来我一直在反对这个问题,我会很感激一些帮助。可能我缺少一些简单的东西。上帝知道RelayModern文档很少。我四处寻找,找不到合适的解决方

javascript - 我是 'allowed' 修改构造函数中的 Prop 吗?

他们说你不应该修改React组件中的props。这是否扩展到在构造函数中修改它们?具体而言,exportdefaultclassBookingFormextendsReact.Component{constructor(props){//amIallowedtomodify`props`here?super(props);}}非常清楚,我知道JavaScript允许我这样做,我想问的是这是否是一种糟糕的设计模式,将来会让我头疼。我想在初始化时重新格式化一些Prop;之后他们不会再改变。 最佳答案 再重申一下zerkms向我指出,答案

javascript - 处理 react.js 中未定义 Prop 的最佳方式是什么?

假设我有一个在页面加载时分派(dispatch)的操作,比如在index.js文件中。例子store.dispatch(loadData());在我的reducer中,我将状态初始化为一个对象。像这样functionmyReducer(state={},action)现在我有一些智能组件可以订阅我的状态,然后将它传递给另一个组件来显示数据。此场景的另一个重要注意事项是数据的检索是异步发生的。我们还假设此对象的键是某个数组。所以标记组件会有这样的东西{this.props.object.key.map(k=>dosomething)}现在因为key是未定义的,如果我在上面调用map,我会

javascript - 我如何像 React 一样在 Angular 2+ 中传递 Prop ?

在React中,我可以像这样任意传递props:functionSomeComponent(props){const{takeOutProp,...restOfProps}=props;return;}如何在Angular中做同样的事情?--更具体地说,我想编写一个自定义下拉组件并将Prop向下传递到一个选择框。 最佳答案 与React组件相反,Angular组件不会在输入更改时重新编译,而是使用@Input属性装饰器来启用更改检测。所有预期传递的属性都应明确定义为组件输入。对于自定义选择组件,没有比这更好的选择了。可以从当前组件元

javascript - React JS 中在特定 Prop 更改时调用组件方法的正确模式是什么?

使用React和Redux,假设您有一个向外部API发送请求的组件方法。importReact,{Component}from'react';import{connect}from'react-redux';classMyCompextendsComponent{boolUpdate(val){fetch('http://myapi.com/bool',{val});}shouldComponentUpdate(nextProps){returnfalse;}render(){returnHello;}}constmapStateToProps=({bool})=>({bool});e

javascript - 在 React 中改变 Prop

我有一个React组件,它通过props接收数组或对象。我想做的是让一个事件重新排序这些Prop。但是,似乎React重新渲染仅在state更改时发生。现在我在父对象中处理了排序,并将处理排序的方法作为prop传递,但理想情况下我希望负责呈现这些对象的组件也处理排序。将props放入state似乎很糟糕,但最好的做法是什么? 最佳答案 Prop是不可变的,但在你的情况下,你的数据似乎没有改变,只有排序顺序改变了,所以你可以:将您的数据和排序函数作为Prop保存将排序顺序存储在状态中可以使用getInitialState返回默认排序顺

javascript - 通过路由中的高阶组件传递 Prop

我的高阶组件有问题。我正在尝试从传递Prop组件沿着一条路线(ReactRouterv4)。路由中指定的组件由HOC包装,但我传递的Prop永远不会到达组件。此外,如果不使用exportdefault()=>MyHOC(MyComponent),我就无法使用HOC.我不明白为什么,但这可能与它有关?Layout.jsconstLayout=({location,initialData,routeData,authenticateUser})=>(//howdoIgetthesepropspassedthroughtheHOC?renderinsteadofcomponentmadeno

脚本错误;未捕获的语法错误 : missing ) after argument list

在尝试调用一个简单函数时,我不断收到此错误(Javascript错误;未捕获的语法错误:缺少)在参数列表之后)。一切正常,无需在函数中调用它,但我需要多次调用。functionmyFunction(ip,port,div){$.get('http://mcping.net/api/'+ip+":"+port,function(data){console.log(data.online);$(div).html(data.online);});}myFunction(162.223.8.210,25567,#factionsOnline) 最佳答案