【文件属性】:
文件名称:react-tic-tac-toe:一个React项目,用于教授React中的事件处理和状态
文件大小:226KB
文件格式:ZIP
更新时间:2021-02-15 09:18:00
JavaScript
React井字游戏
乍看上去
个人
上课日期:DATE HERE
截止日期:DATE HERE星期五,下午6点
学习目标
构建通过组件接收数据的React组件
构建通过props接收数据的容器组件
使用状态构建一个React组件
将回调函数传递给子组件,并使用它们更新状态
客观的
我们将创建一个Tic Tac Toe游戏,该游戏允许用户与屏幕互动以添加经典游戏的玩法。 如果您不喜欢Tic Tac Toe,。
您还可以在github页面上!
入门
我们为您提供了一个由create-react-app生成的初始应用程序框架。 该应用程序将包含以下组件:
Square -此组件代表井字棋盘中的一个正方形。 它将接受表示要在板上显示的值的道具( x , o或'' ),一个id和一个名为onClickCallback的回调函数。
Board -该组件将需要一个回调函数, onClickCal
【文件预览】:
react-tic-tac-toe-master
----.eslintrc.json(592B)
----.github()
--------PULL_REQUEST_TEMPLATE(1KB)
----public()
--------manifest.json(492B)
--------index.html(2KB)
--------robots.txt(67B)
--------favicon.ico(3KB)
--------logo512.png(9KB)
--------logo192.png(5KB)
----yarn.lock(495KB)
----src()
--------logo.svg(3KB)
--------index.css(366B)
--------components()
--------App.js(2KB)
--------App.test.js(14KB)
--------setupTests.js(255B)
--------App.css(262B)
--------serviceWorker.js(5KB)
--------index.js(503B)
----Dockerfile(306B)
----feedback.md(4KB)
----LICENSE(1KB)
----test.sh(28B)
----README.md(6KB)
----.gitignore(324B)
----package.json(936B)