在 React-Native 中渲染

Question

我相对较新，对本机做出反应，并且通常使用 UI 构建任何东西。我想知道在render{}编写应用程序时何时适合使用该功能。我问这个是因为我想知道对应用程序的影响。例如，如果我创建一个<LinkedIcon>组件并尝试在一个屏幕上显示大量组件，那么每个点都应该调用render. 如果不是，我会怎么做。示例代码：    import React, { Component } from "react";    import { Linking, View, TouchableHighlight } from "react-native";    import Icon from "react-native-vector-icons/FontAwesome";    class LinkedIcon extends Component<Props> { //will show about up to 20 on one screen       render() {        return (           <TouchableHighlight>           <Icon title="circle" size={15} />         </TouchableHighlight>        );      }    }    export default LinkedIcon;

Answer 1

也许有人可以提供更好的答案，但据我所知，class如果您有一个需要操纵的本地状态，您会想要使用 a 。它与类与非类组件的文件大小有关。在这种情况下，我建议将您的文件设置为一个愚蠢的组件，因为没有本地状态..您只是从父级传递道具。

const LinkedIcon = props => (

    <TouchableHighlight>

        <Icon title="circle" size={15} />

    </TouchableHighlight>

)

希望这可以帮助！