react
关注
分享
扫一扫
Karthus-gm
这个作者很懒，什么都没留下…
展开
-
react之hello world
准备本地环境在heda中引入三个文件，分别是react基础方法，DOM操作方法，以及JSX转码<head> <meta charset="UTF-8" /> <title>Hello World</title> <script src="https://unpkg.com/react@16/umd/react.d...原创 2018-04-16 18:18:34 · 163 阅读 · 0 评论 -
react之实例：井字棋游戏(直接引用react)
1.分析需求 演示链接地址 井字棋游戏，两位玩家，分别是‘O’ 和 ‘X’ 分别落子，先完成三点一线的获胜，也就是无论横、竖、斜连成一条直线 组件拆分棋子组件，共九个棋子棋盘组件，九个方格形成棋盘游戏组件，包括棋盘、下个玩家，还有游戏记录（可以悔棋）2.页面搭建引入必要js以及css<!DOCTYPE html><htm...原创 2018-04-18 09:13:30 · 1960 阅读 · 0 评论 -
最好用的react脚手架create-react-app
注： node.js >= 6全局安装create-react-appnpm install -g create-react-appcreate-react-app project-namecd project-namenpm start如果你的npm版本大于5.2 那么可以使用npx create-react-app my-appcd my-...原创 2018-04-18 09:55:25 · 1269 阅读 · 0 评论 -
React之 ref 和 DOM
在常规的 React 数据流中，props 是父组件与子组件交互的唯一方式。要修改子元素，你需要用新的 props 去重新渲染子元素。然而，在少数情况下，你需要在常规数据流外强制修改子元素。被修改的子元素可以是 React 组件实例，或者是一个 DOM 元素。在这种情况下，React 提供了解决办法。何时使用Ref处理focus、文本选择器或者媒体播放触发强制动画集成第三...翻译 2018-04-18 11:11:33 · 812 阅读 · 0 评论