这周学习了react框架的基础知识,大概就是一些官方文档上的内容
大概可以分为以下几个方面:
1、JSX语法
简单理解JSX语法就是JavaScript+XML语法,遇到{ }按照JavaScript语法来解析,遇到标签按照html来解析,这样结合起来方便操作虚拟DOM。
组件后缀.jsx或.js,组件名要是大写,否则会报错。
2、组件状态
组件的变量通过状态来管理,访问要通过this.state.变量名,修改要使用this.setState({}),setState可以提供回调函数。
有一个状态提升的概念,意思是如果组件之间需要共享数据,需要把数据放在它们最近的父组件当中。
constructor(props) {
super(props);
this.state = { }
}
3、父子组件之间的通信
父组件通过props传递数据给子组件,子组件不能够修改父组件传递来的数据,但是可以接收父组件的方法,可以在父组件的方法里修改数据。
会在示例中展现。
4、React生命周期函数
我对生命周期函数的理解是组件从开始渲染到销毁过程中注入了一些可以自动完成的钩子函数,我们可以利用这些钩子函数去操控组件,vue的生命周期函数应该也是这个道理。
可以在生命周期函数内去获取数据
componentDidMount(){
axios.get('http://iwenwiki.com/api/blueberrypai/getIndexBanner.php')
.then((res)=>{
console.log(JSON.stringify(res))