-
css var 性能更好，在这种换肤场景下
查看全部 -
引用 bootstarp
查看全部 -
npm install bootstarp --save
查看全部 -
一 :配置开发环境,安装以及运行React项目
1.node -v(查看node.js版本,是否安装)
2.npm install create-react-app -g(全局安装脚手架工具)
3.create-react-app React(安装到React文件夹目录)
4.npm start或yarn start(运行项目)
查看全部 -
组件初始化—挂载到DOM 组件更新--状态的更新 组件卸载—从DOM中卸载查看全部
-
Component中所有方法调用this的时候，都不是自动绑定的，要通过代码进行bind
- this.increaseLikes = this.increaseLikes.bind(this)
- onClick = {() => { this.increaseLikes() }}
State属性是不能直接赋值更改的，改变它的唯一途径是this.setState({}),它的参数是一个object
查看全部 -
组件的Props/State/Forms
Props（属性)
组件(Component)会根据属性(Props)的不同，渲染出不同的效果
组件就像是一个函数一样，接受特定的输入(props)，产生特定的输出(React elements)
V = f(props)
Props是只读的，不能在Component里改写它的值，必须要向纯函数一样使用它
其他Notes:
ES6里的析构写法
const { name, number, isHuman, tags} = this.props引入bootstrap之后，可以直接在JSX里调用一些classes，比如alert, alert-success
查看全部 -
BABEL编译工具
JSX(奇怪的HTML)被编译成什么？
它是一种语法糖，用来替代React.createElement()方法
这个方法返回的一个ReactElement对象，一个比较复杂的js object
ReactDOM.render方法就是将React element（比较复杂的object）渲染到真实的DOM节点上，最后呈现在页面上。
查看全部 -
什么是JSX？
JSX就是内嵌在JS中的看似像html语法的代码。它是
JavaScript语法的扩展
可以使用花括号{}内嵌任何Javascript表达式(Expressions)
JSX属性，有一些属性如class, for跟js语法冲突，可以用另外的别名来代替，例如class -> className, for -> htmlFor
查看全部 -
把组件挂载在DOM节点上，所有的文件都是从一个主入口文件挂载，这个主入口文件就是src/index.js
ReactDOM库是负责React和DOM之间的交互，调用ReactDOM.render方法就可以把组件加载到DOM
组件的写法有函数式组件和类组件
查看全部 -
Success! Created my-project at /Users/yapei/Applications/my-project Inside that directory, you can run several commands: npm start Starts the development server. npm run build Bundles the app into static files for production. npm test Starts the test runner. npm run eject Removes this tool and copies build dependencies, configuration files and scripts into the app directory. If you do this, you can’t go back! We suggest that you begin by typing: cd my-project npm start Happy hacking!
查看全部 -
?react生命周期图
查看全部 -
绑定，点击切换主题查看全部
-
App.js定义theme
查看全部 -
用provider包裹要使用context数据的位置查看全部
举报