React初学者

平时写博客,更多的是吧生活中的学习经历记录下来,虽然鲜少谈及技术层面的东西,惭愧惭愧。

因为最近的一个项目需要用到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.状态名字

 

 

 

…………

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值