草庐IT

sys_prop

全部标签

javascript - 在 React Native 中将 props 样式添加到现有组件样式

我定义了以下组件:importReact,{Component}from'react';import{StyleSheet,TouchableOpacity,View,Text}from'react-native';exportdefaultclassButtonextendsComponent{render(){return(this.props.onPress}>{this.props.title})}}conststyles=StyleSheet.create({container:{paddingTop:15,paddingBottom:15,paddingRight:20,p

javascript - 如何在 react 中通过 Prop 导入图像并使用 'import' 路径

这个问题在这里已经有了答案:LoadimagesbasedondynamicpathinReactJs(4个答案)关闭5年前。我将以下内容作为Prop传递。constpeople=['Eliana','Stefania','Ahmed']{people.map(function(name,index){return;})}importElianafrom'../assets/imgs/people/eliana.png'importStefaniafrom'../assets/imgs/people/stefania.png'importAhmedfrom'../assets/imgs

javascript - undefined 不是一个对象(评估 '_this2.props.navigation.navigate' ) - React Native

我真的无法让我的导航正常工作。我正在使用react-navigation(StackNavigator)。这是我的结构:http://i.imgur.com/IKExx9g.png我的导航在HomeScreen.js中工作:我从HomeScreen.js导航到NewScreen.js没有问题。App.js:importReactfrom'react';import{StatusBar,AppRegistry}from'react-native';import{StackNavigator}from'react-navigation';import{HomeScreen}from'./s

javascript - Reactjs:作为 Prop 访问时未定义的键

工具:Reactjs0.14.0VanillaFlux我需要唯一标识符有两个原因:ChildReconciliationKeepingtrackofwhatchildwasclicked假设我有一个如下所示的消息列表:[{id:1241241234,//现在我使用Array.prototype.map()来创建"ownee"所有者组件MessageSection内的组件(MessageListItem)functiongetMessageListItem(message){return();}varMessageSection=React.createClass({render:fun

javascript - React 如何让 props 只读?

我想知道他们在尝试设置this.props.a=1或类似内容时实际使用什么机制来抛出错误。我问是因为在记录props时我没有看到像[Getter/Setter]这样的东西,我认为这是他们在做什么。谢谢! 最佳答案 好问题。我认为props是一种对象值,被标记为const。但我们可以更改任何Object值中的子项,即使它被标记为const;//constalsoworksonobjectsconstMY_OBJECT={'key':'value'};//Attemptingtooverwritetheobjectthrowsanerr

javascript - 等效于 ES6 Promises 的 BlueBird Promise.props?

我想等待Promise的单词映射完成。BlueBird有Promise.props可以实现这一点,但是有没有一种干净的方法可以在常规javascript中做到这一点?我想我可以创建一个包含单词和Promise的新对象,获取这些对象的Promise数组,然后调用Promise.all并将它们放入map中,但这似乎有点矫枉过正。 最佳答案 适用于普通对象的Bluebird.props实现:/***Thisfunctionmaps`{a:somePromise}`toapromisethat*resolveswith`{a:resolve

javascript - Vue2 中的条件 Prop

我有一个用例,我可能需要将对象props作为props传递给子组件。最初,我在一个组件中包含一个表单和一个表格。此表单将接受输入,将执行异步请求并呈现表格以供用户进行选择。然后用户可以点击一个按钮并隐藏表格并恢复表格以便重新输入参数。由于表单的内容取决于其父级的状态,因此最后的搜索参数仍在表单中。当我重构组件以创建父组件的表单和表格子组件时,问题就出现了。现在表单将$emit事件给它的父级,它会执行异步操作并将结果作为props传递给表。这工作正常,但是当用户点击“返回表单”按钮时,表单会重新呈现,从而将其状态重置为初始值。我尝试将表单的内容存储在父级中并将其作为props传递回表单,

javascript - Prop 类型 : array of one of the class instance

我正在尝试为我的属性“listOfItems”之一提供类型。我希望此属性是“事件”类实例或“field”类实例的数组。这是我实现它的方式:MyClass.propTypes={...,listOfItems:PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.instanceOf(Event),PropTypes.instanceOf(Venue)]))然而,它似乎并没有起作用。我收到此警告:Prop类型失败:提供给MyClass的值[objectObject]的ProplistOfItems[0]无效,应为[空,空]。我不想使用PropT

javascript - React-Navigation - 标题与其屏幕组件的交互,失败的 Prop 类型

我正在关注React-Navigation教程,并卡在标题为Headerinteractionwithitsscreencomponent的部分.Thecode在教程中,在snack提供的模拟器中工作正常,但我发现在本地运行时遇到以下错误:警告:Prop类型失败:Prop“onPress”在“按钮”中被标记为必需,但其值为“未定义”。我通过更改navigationOptions中的onPress事件分配,设法使用expo-cli在我的本地机器上运行代码,如下所示(mysnackhere):{navigation.getParam('increaseCount')()}}//onPres

javascript - getDerivedStateFromProps,在改变 Prop 的影响下改变状态

我点击Item->我从url:https://app/api/v1/asset/${id}获取数据。数据保存在loadItemId中。我正在将loadItemId从组件Items移动到组件Details,然后移动到组件AnotherItem。每次我单击Item时,ProploadItemId都会在getDerivedStateFromProps方法中发生变化。问题:我将单击ElementD->我在console.log中看到“true”,然后我将单击ElementE-->它显示在console.log中true和false同时显示,应该只显示false。尝试创建一个三元运算符{this