如何创建一个包含一段 React 本机代码的常量

Question

我是 React Native 的新手。安装默认的 react natives 文件后。我想分析他们的编码方式。我注意到为了生成干净的代码，他们使用常量来存储特定的代码片段

安装后默认的 React Native 示例：

 const Section = ({children, title}): Node => {
  const isDarkMode = useColorScheme() === 'dark';
  return (
    <View style={styles.sectionContainer}>
      <Text
        style={[
          styles.sectionTitle,
          {
            color: isDarkMode ? Colors.white : Colors.black,
          },
        ]}>
        {title}
      </Text>
      <Text
        style={[
          styles.sectionDescription,
          {
            color: isDarkMode ? Colors.light : Colors.dark,
          },
        ]}>
        {children}
      </Text>
    </View>
  );
};

我假设在上面的例子中我是从默认安装的代码中复制的。传递参数“children”和“title”，然后在 referencing/calling“Section”时使用它生成所需的代码（有点像函数调用）。 我的问题是如何在不传递变量的情况下做同样的事情？ 我尝试过类似的方法，但不允许这样做

我的代码：

const header = {
  return (
<View >
  <Image source={require('./Images/img.png')}/>
</View>
);
}

Answer 1

“有点像函数调用”正是函数调用。它被称为箭头函数。箭头函数现在被广泛使用

const myFirstArrowFunction = () => {
    //your function code
}

就像任何函数一样，您只在需要时才添加参数。

如何创建一个包含一段 React 本机代码的常量

How to make a constant that holds a piece of react native code

coding-style

var

constants

reactjs

react-native