qq_40792800的博客

有一个需求是 一个列表可以左右滑动，可以使用 swiper，也可以使用ScrollView使用ScrollView1、横向滑动，需要设置horizontal={true}2、去除横向滑动时，出现的滚动条showsHorizontalScrollIndicator={false}...

首先在这里引用react 官网的几句话React ：元素构成组件，组件又构成应用。React核心思想是组件化，其中 组件 通过属性(props) 和 状态(state)传递数据。State 与 Props 区别引用一句很精髓的概括：props 是组件对外的接口，state 是组件对内的接口。这句话其实很好的解释了 state 与 Props 的区别。Props属性：组件对外的接口，通过 Props 进行组件之间的数据传递State状态：除了上层组件传递的 Props数据...

使用两个循环来渲染出棋盘的格子，而不是在代码里写死（hardcode）这个关键点是在于循环，react的循环是和vue不一样的， veu中的循环是直接写在节点上，但是react的循环，是通过数组遍历的方法，先遍历出虚拟的Dom节点，然后通过render函数挂载到外层节点上//使用 Javascript 中的 map() 方法来遍历 numbers 数组。将数组中的每个元素变成 <li> 标签，//最后我们将得到的数组赋值给 listItems：const numbers = [.

在历史记录列表中加粗显示当前选择的项目看到这个需求，按照前端思维，应该是在点击的时候，给当前点击的历史记录按钮动态添加一个类名来控制样式。思路是肯定没问题的，但是在实现的过程中，还是碰到了两个问题，看来是把问题想的太简单了1、按钮的css样式问题2、点击时判断当前点击是哪一个历史记录解决思路：1、在js文件中写css是不被支持的，会报错，看了网上的教程之后,主流写法有这么几种直接写在内联样式中，但是一般这个在RN用的比较多，像我一般写样式的话还是不习惯用内联样式的&l..

井字棋案例可以在 react 官网上按步骤去逐步实现，但是官网上的教程还有一部分扩展是未实现的，有兴趣的可以尝试一下案例代码地址：https://gitee.com/aolie/test_react在游戏历史记录列表显示每一步棋的坐标，格式为 (列号, 行号)这个案例是实现这个需求 ，其实这个需求难度不大，只要注意一点就行，那就是，this.setState(),这个方法，在改变 state 中的数据之后，是不会立即生效的，如果需要立即调用这个数据的话，需要在内部写一个异步的回调函数去使用