平时写博客,更多的是吧生活中的学习经历记录下来,虽然鲜少谈及技术层面的东西,惭愧惭愧。
因为最近的一个项目需要用到react,我花了两天时间去学习。
在这里丢一个学习链接 阮一峰的网络日志--React入门教程
react是一个独特的前端框架,设计思想十分特别。react的使用在于组件化的思想:把页面切成一块一块的小零件。而react就是用来制作零件的工具。
1. react的运行环境 :引入一下三个库
(去react官网下载)
<script src="../build/react.js"></script>
<script src="../build/react-dom.js"></script>
<script src="../build/browser.min.js"></script>
2.ReactDOM.render()
这是React的基本用法,用来将创造的模板(组价)转化为HTML语言 ,插入DOM节点中
ReactDOM.render(
<组价名称 />,
document.getElementById('example')
);
3. JSX 语法
React语句应放在
<scrip type="text/babel">
......
</script>
中
4.制作组件
var HelloMessage = React.createClass({
render: function() {
return (...code....);
}
});
以上的语句创作了 HelloMessage的组件
5. props
this.props.属性名字
6.state
this.state.状态名字
…………