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

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 或 native )在屏幕上显示什么。