react-native - 从函数 React-Native 返回多个 JSX 元素

Question

我试图从一个函数返回多个 JSX 元素，而不用View.

我找到了一些关于 React 的解决方案，但不确定它们在 react native 中是否会产生相同的结果。

我现在在做什么：

renderElements() {
      return (
         <View>
           <Text>1st text</Text> 
           <Text>2nd text</Text>
           <Text>3rd text</Text> 
          </View>
      );
 }

我想要但不起作用：

renderElements() {
          return (   
               <Text>1st text</Text> 
               <Text>2nd text</Text>
               <Text>3rd text</Text> 
          );
     }

我知道不可能从函数返回多个值，但我需要的是不要将它们包装在<View>. 我希望我能说出我的意思

标签： react-native

Answer 1

你应该使用React.Fragment.

您可以使用<></>或<React.Fragment></React.Fragment>

renderElements() {
      return (
          <>
              <Text>1st text</Text> 
              <Text>2nd text</Text>
              <Text>3rd text</Text> 
          </>
      );
}