react-native 中 render 的用途和功能是什么？

Question

render() 的实际用途是什么？我们为什么要使用它？我们可以在基于函数和基于类的组件中使用它吗？

import React, { Component } from 'react';
import { AppRegistry, Text } from 'react-native';

export default class HelloWorldApp extends Component {
  render() {
    return (
     <Text>Hello world!</Text>
    );
  } 
}


AppRegistry.registerComponent('AwesomeProject', () => HelloWorldApp);

Answer 1

功能组件本质上是render其类伙伴的功能。

const render = props => <div />

与...一样：

class extends Component {
  render() { return <div /> } // props via this.props
}

它是 React 中最重要的功能，因为它告诉您的目标（Web 或本机在您的情况下）要在屏幕上显示什么。