首页 / REACT / React 急急如律令

React 急急如律令

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了React 急急如律令，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1238字，纯文字阅读大概需要2分钟。

内容图文

1.ES6

ES5 ES6
var var let const
function (){}
function foo(){}		 ()=>{}
foo(){}
function (){
    foo:function(){}
}		 class A{
    foo(){}
}
new A{}
var name=‘aa‘,
      age=21;
return{
      name: name,
      age: age
}		 var name=‘aa‘,
age=21;
return{name,age}
  module.exports=A

2.JQuery

2.1 查询:

    $(‘#id‘)

    $(‘.class‘)

2.2 dom和jquery对象切换

let $div = $(‘#div‘),
    div = document.getElementById(‘div‘);
console.log($div === div)
..false
console.log(div === $div[0])
..true
console.log($(div) === $div)
..true

 

2.3 ajax

$.ajax({

      //content

});

2.4 promise

promise.done(fn).fail(fn).always(fn);

 

3.React

3.1 对象:

React

ReactDom

3.2 方法:

React.createClass({});

ReactDom.render(sources,target);

3.3特性:

3.3.1 state(状态):

getInitialState(

return{

   key: value

}

)

setState({key: value});//不能用”=”赋值

事件—>状态—>渲染

3.3.2 props(属性):

getPropTypes(

return {

    key: value.isRequired//指定属性的类型.是否必须

}

)

属性由父级传入,状态由自己控制.

3.3.ref(内部Id):

render(){

return {

<p ref=‘text‘ >123</p>

<button onclick=onclick() />

}

onclick(){

this.refs.text.props.value:123

}

4.生命周期

getPropType();

getInitialState();

componentWillMount();

render();

componentDidMount();

componentWillUpdate();

render();

componentDidUpdate();

componentWillUnMount();

 

未完待续…

原文：http://www.cnblogs.com/jun3101s/p/5719795.html

内容总结

以上是互联网集市为您收集整理的React 急急如律令全部内容，希望文章能够帮你解决React 急急如律令所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1311068.html

来源：【匿名】