react react-native在区别

54 阅读1分钟

关于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>
    );
  }
}