关于props和state:react-native和react在函数式组件中关于state的用法是一致的,两者使用props的用法也是一致的,仅在类组件中state的用法不一致。
关于生命周期:react-native和react的生命周期是相同的用法。
1. 使用类组件的时候关于state的用法
react-native
import React, { Component } from "react";
import { Button, Text, View } from "react-native";
class Cat extends Component {
state = { isHungry: true };
render() {
return (
<View>
<Text>
react-native的state使用{this.state.hungry}
</Text>
</View>
);
}
}
react
import React, { Component } from "react";
class Cat extends Component {
constructor(){
this.state={
isHungry: true
}
}
render() {
return (
<div>
<span>
react的state使用{this.state.hungry}
</span>
</div>
);
}
}