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网络请求的数据。