React 函数传参

Posted winyh

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React 函数传参相关的知识,希望对你有一定的参考价值。

import React, { Component } from ‘react‘;
import { render } from ‘react-dom‘;

class GroceryList extends Component {
  handleClick(i) {
    console.log(‘You clicked: ‘ + this.props.items[i]);
  }

  render() {
    return (
      <div>
        {this.props.items.map((item, i) => {
          return (
            <div onClick={this.handleClick.bind(this, i)} key={i}>{item}</div>
          );
        })}
      </div>
    );
  }
}

render(
  <GroceryList items={[‘Apple‘, ‘Banana‘, ‘Cranberry‘]} />, mountNode
);

以上是关于React 函数传参的主要内容,如果未能解决你的问题,请参考以下文章

React onClick/onChange 传参 (bind绑定)

(react+tsx)函数式组件传参问题

React 函数传参

React组件无状态函数式组件的创建传参和抽离

react 框架中 事件的处理和绑定

从0到1教你学会 react