React自学踩坑日记

React自学踩坑记录

提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加

---

---

前言

提示：这里可以添加本文要记录的大概内容：

例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、事件绑定

React绑定点击事件有两种形式，不传参直接在onclick后面写方法即可调用，传参需要在调用方法的地方用箭头函数或者在方法内部return一个箭头函数两种写法。
第一种写法

	// 调用需要 return 一个 箭头函数， 如果没有return 会报错 具体没粘贴。
    bannerFn(index) {
        return () => {
            Toast.show("点击了" + index)
        }
    }

// 假如循环了一个列表，点击某一项删除或者编辑就需要传参来对应某一项
             {this.state.colors.map((color, index) => (
                        <h1
                            className='content1'
                            onClick={this.bannerFn(index)}
                        >
                            12312
                            {index + 1}
                        </h1>
                ))}

第二种写法

	// 直接在render里面写箭头函数，方法调用就可以直接调用不需要return一个箭头函数了。
	    	bannerFn(index) {
            	Toast.show("点击了" + index)
         	}
			{this.state.colors.map((color, index) => (
                        <h1
                            className='content1'
                            onClick={()=>this.bannerFn(index)}
                        >
                            12312
                            {index + 1}
                        </h1>
             
                ))}

二、使用步骤

1.引入库

代码如下（示例）：

import numpy as np
import pandas as pd
import matplotlib.pyplot as plt
import seaborn as sns
import warnings
warnings.filterwarnings('ignore')
import  ssl
ssl._create_default_https_context = ssl._create_unverified_context

2.读入数据

代码如下（示例）：

data = pd.read_csv(
    'https://labfile.oss.aliyuncs.com/courses/1283/adult.data.csv')
print(data.head())

该处使用的url网络请求的数据。

---

学习ing