React
文章平均质量分 67
weixin_54614243
这个作者很懒,什么都没留下…
展开
-
React---props和state的区别
React组件中props和state属性会经常使用,弄清楚它们之间的区别以及什么时候使用props或者state十分有必要。 1. props和state的区别 props是父组件传给子组件的属性,只可读不可写。官方是这么说的: 所有 React 组件都必须像纯函数一样保护它们的 props 不被更改。 state属性是组件内的私有属性,用于维护组件内的数据。可以通过调用setState()方法改变state的值。setState()方法调用完之后会调用组件内的render()函数,因此注意不要将se原创 2021-08-30 22:07:34 · 233 阅读 · 0 评论 -
React---井字棋游戏练习代码优化
对于官方给出的如下优化建议进行了优化: 在游戏历史记录列表显示每一步棋的坐标,格式为 (列号, 行号)。 在历史记录列表中加粗显示当前选择的项目。 使用两个循环来渲染出棋盘的格子,而不是在代码里写死(hardcode)。 添加一个可以升序或降序显示历史记录的按钮。 每当有人获胜时,高亮显示连成一线的 3 颗棋子。 当无人获胜时,显示一个平局的消息。 1. 在游戏历史记录列表显示每一步棋的坐标,格式为 (列号, 行号)。 在Game组件中新增属性index,用来记录当前落子位置。 this.state原创 2021-08-20 18:55:57 · 252 阅读 · 0 评论 -
React---井字棋游戏练习
1. 知识点总结 1. 组件之间传值 该游戏一共有三个组件,Game, Board, Square。 其中Game组件为Board的父组件,Board组件为Square组件的父组件。 Square组件负责维护每一个小正方形块的信息。 Board组件负责维护整个棋盘的信息。 Game组件负责维护棋盘的历史记录。 子组件可以通过props属性获取到父组件传过来的值。 父组件如果想要控制子组件的交互则通过传递函数实现。例如Board组件想要点击Square组件时,Square组件显示’X’,可以这么做: 将自原创 2021-08-13 18:34:16 · 108 阅读 · 0 评论