ES6方面:
关于export,import,export default使用,下面这篇博客写的不错:
https://www.cnblogs.com/xiaotanke/p/7448383.html
我这边引用了几点:
1、export与export default均可用于导出常量、函数、文件、模块等
2、你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式,将其导入,以便能够对其进行使用
3、在一个文件或模块中,export、import可以有多个,export default仅有一个
4、通过export方式导出,在导入时要加{ },export default则不需要
React方面:
官网基础入手:
搭建我这边是使用的是create-react-app
react是一个采用声明式,高效而且灵活的用来构建用户界面的框架
准备:
我们现在有3个组件:
Square
Board
Game
Square 组件代表一个单独的 <button>,Board 组件包含了9个squares,也就是棋盘的9个格子。
Game 组件则为我们即将要编写的代码预留了一些位置
Props属性:父组件传数据给子组件
slice():属性浅拷贝方法