antd中的table里面使用onclick_从零开始使用react+antd搭建项目

之前的文章都是自己的学习日志，主要是防止自己遗忘之前遇到的坑。这次将从最基础的项目搭建开始讲起，做一个基于react和antd的后台管理系统。我会一步步进行下去，所以看完本文你哪怕不了解react，应该也会使用react做一个简单的项目。话不多少，直接开始。完整项目请前往GitHub查看，体验请点击这里。如果觉得可以请给一颗star，谢谢各位。

1、开发环境：

node.js -v 12.16.3

create-react-app -v 3.4.1

antd -v 4.3.3

项目开始前请自行全局安装create-react-app，macos请在指令前加上sudo不然会有报错说没有权限访问硬盘。

npm install -g create-react-app

2、项目构建：

初始化项目直接使用脚手架工具create-react-app的指令，本文接下来使用的是tsx。如需jsx版本，请跳过模板设置。这里简单介绍一下jsx，jsx是javascript的语法糖。他是react打造的，react为了做到多平台自己在js的基础上封装了一些合成事件。例如react中的onClick事件其实和原生js的click事件是不太一样的。

jsx版本的指令为：

npx create-react-app project-name

tsx版本如下：