在 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 => (&nbsp; &nbsp; <TouchableHighlight>&nbsp; &nbsp; &nbsp; &nbsp; <Icon title="circle" size={15} />&nbsp; &nbsp; </TouchableHighlight>)希望这可以帮助！