在.map函数中使用react道具

Paran0a

假设我在其中一个组件上具有以下render函数。从父元素开始,我传递了一个changeTidprop函数。

上级:

<RequestsList data={this.state.data} changeTid={this.changeTid} />

孩子:

(我正在使用ES6类)

render() {  
var RequestNodes = this.props.data.map(function(request) {
  return (
    <Request 
        key={request.TID} 
        changeTid={this.props.changeTid}
    />
  );
});

    return (
        <div className="list-group">{RequestNodes}</div>
    );
}

我无法this.props.changeTid在地图功能中使用,因为this没有引用我所不想要的内容。我在哪里绑定它以便可以访问我的props

Oleksandr T.

您可以设置this.map通过第二个参数回调

var RequestNodes = this.props.data.map(function(request) {
   /// ...
}, this);

或者您可以使用没有自己的箭头功能this,并且this在其中指向封闭上下文

var RequestNodes = this.props.data.map((request) => {
       /// ...
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在React中使用'for'作为道具

来自分类Dev

如何在React中使用Map函数渲染Firestore集合?

来自分类Dev

React-使用功能组件时如何向下传递.map函数的道具

来自分类Dev

在React style属性中使用道具

来自分类Dev

使用 .map react native 映射发送的道具

来自分类Dev

必须在构造函数中使用分解道具分配错误

来自分类Dev

在React函数中使用Axios

来自分类Dev

React Typescript如何发送道具并在子组件中使用

来自分类Dev

无法在React-Native中使用导航&&道具?

来自分类Dev

在 React 中使用打字稿传递功能道具

来自分类Dev

在.map()函数中发送道具

来自分类Dev

React:使用.map从多个数组获取道具

来自分类Dev

在链中使用jQuery map函数的结果

来自分类Dev

如何在Swift中使用map函数?

来自分类Dev

在构造函数中使用Map参数

来自分类Dev

Haskell中使用foldl或foldr的map函数

来自分类Dev

无法在Flutter中使用.map函数

来自分类Dev

如何在Swift中使用map函数?

来自分类Dev

Scala:在map函数中使用if返回元素

来自分类Dev

在React中使用map渲染列表项

来自分类Dev

React:发送函数作为道具

来自分类Dev

在React渲染函数中使用jQuery

来自分类Dev

在 React 服务器端渲染中使用 .dispatch 和箭头函数理解链式 .map 和 .filter

来自分类Dev

如何使用 Javascript 或 Jquery 在列表中使用 map 函数

来自分类Dev

使用chart.js时在react.js中使用道具传递值的问题

来自分类Dev

使用上下文API时如何在React JS中使用Match道具

来自分类Dev

Spark:在RDD map()中使用迭代器Lambda函数

来自分类Dev

在IPython Notebook中使用Pandas DataFrame Map函数时出错

来自分类Dev

如何在Ruby中使用map重构每个函数?

Related 相关文章

热门标签

归档