草庐IT

react-props

全部标签

javascript - react native ListView 键

我的应用程序上收到一条困扰我的警告。React一直说我需要为每一行添加键,但无论如何我都无法添加这些键。我的代码是这样的:}renderRow={(rowData,i)=>}/>我尝试像这样在我的组件上添加key/并且我还尝试从组件内部的Prop中获取key,并将其添加到组件的第一个元素中,我的案例是TouchbleOpacity有人可以给我提示吗?还是我应该忽略这个警告? 最佳答案 实际上renderRow有四个参数(rowData,sectionID,rowID,highlightRow),你需要第三个而不是第二个。render

javascript - 当函数在构造函数中绑定(bind)时如何在 ES6 React 中向事件处理程序添加参数

对于es6中的构造函数,我们建议尽早绑定(bind)函数,例如classAppextendsReact.Component{constructor(props){super(props);this.handleClick=this.handleClick.bind(this);//boundearly}handleClick(){//dostuff}...}在ES5中,如果我们想保留上下文并发送额外的参数,我们通常可以调用类似this.handleClick.bind(this,"foo")的方法。ES6React中新类语法的最佳模式是什么?例如,如果我的类看起来像下面的代码,我将如何

javascript - 使用 React.createRef 时 current 总是 null

我正在尝试做this.我一定是遗漏了什么,但我不明白为什么在这个例子中current总是null。classAppextendsReact.PureComponent{constructor(props){super(props);this.test=React.createRef();}render(){returncurrentvalue:{this.test.current+""};}}可以查看我的测试用例here 最佳答案 因为您忘记将ref分配给某个dom元素。你只是在创造它。这样写:classAppextendsReac

javascript - obj 中的 prop 与 obj.hasOwnProperty(prop) 和 obj[prop] 的区别?

我应该用一个代替另一个吗?一起使用它们更好吗?谢谢。 最佳答案 propinobj检查obj是否有名为prop的属性,即使它只是从原型(prototype)继承而来。obj.hasOwnProperty(prop)检查obj自身是否拥有名为prop的属性;它忽略了从原型(prototype)继承的属性。obj[prop]获取prop属性的值。使用适合您要完成的任务的任何一个注意:在这三种情况下,prop必须是一个字符串。 关于javascript-obj中的prop与obj.hasOwn

javascript - 如何解决 React Native 中的模块名称冲突

我有两个名称完全相同的模块,属于两个不同的应用程序,这两个模块在功能上非常相似,除了样式。我正在创建一个主组件,并尝试根据我当前所在的应用程序导入这两个不同的模块。我想知道是否有一种方法可以有条件地导入模块,而不必为模块硬编码namespace,例如module_app1和module_app2但是而不是去做if(cond){importmodulefrom'path1';}else{importmodulefrom'path2';} 最佳答案 我用'as'。示例:importActionsfrom'../actions';impo

javascript - React Native 无限滚动

我试图获得无限滚动的最小示例。所以我有这个:varReact=require('react-native');var{StyleSheet,View,Image,ListView,}=React;vardata=[{"id":1,"profile_picture":{"href":"//like1.r.worldssl.net/ui_big/1305634.jpg"}},{"id":2,"profile_picture":{"href":"//like1.r.worldssl.net/ui_big/1305634.jpg"}},{"id":3,"profile_picture":{"h

javascript - 使用样式在 React.js 中设置背景

我想通过使用样式定义在React.js中添加背景图片,这很有效:letimgUrl='images/berlin.jpg'letstyles={root:{backgroundImage:'url('+imgUrl+')',overflow:'hidden',},...如您所见,图像在x方向重复。所以我想通过以下方式扩展它:letimgUrl='images/berlin.jpg'letstyles={root:{backgroundImage:'url('+imgUrl+')',backgroundImage:{flex:1,resizeMode:'cover',//or'stret

javascript - 在 React.js 中播放声音

importReact,{Component}from'react'import{Button,Input,Icon,Dropdown,Card}from'semantic-ui-react'import{Link}from'react-router-dom'import$from'jquery'importstylesfrom'./Home.scss'importModalfrom'./Modal.jsx'importMakeChannelModalfrom'./MakeChannelModal.jsx'classMusicextendsReact.Component{constru

javascript - React Render 中的不变违规或在 React 中迭代和返回的正确方法

我在React渲染中遇到了持续存在的问题。这段代码/**@jsxReact.DOM*/varAnswerRows=React.createClass({componentDidMount:function(){},render:function(){{this.props.answers.map(function(answer,i){return({answer.text});},this)}}});varQuizTaking=React.createClass({componentDidMount:function(){},render:function(){return()}})会

javascript - 访问发送到组件的 props 以及 Redux 状态数据

通常您可以访问父组件发送给子组件的Prop。但是,当在子组件上使用redux时,父级发送的props会因使用“connect”方法而丢失,该方法将redux状态映射到组件props。例如:声明一个具有属性的组件:在没有redux的情况下访问子组件,工作正常:this.props.prop1或this.props.prop2相同的语句将给出undefined如果使用redux状态会出错。 最佳答案 自己的组件Prop可作为mapStateToProps函数的第二个参数://ParentComponent.js//...othercom