在React Native中,您可以将一组组件封装在一个<View>(或类似)组件中.还可以将一组组件封装为<></>.这些是什么?它们只是转换为基础视图吗?这可能不是一个好的做法,但它不会发出警告,也不会崩溃.

推荐答案

这是Fragment个组件的快捷方式.

你可以这样写:

import React, { Component } from 'react'

class Component extends Component {
  render() {
    return <> <ComponentA/> <ComponentB/> </>
  }
}

或者不使用快捷方式并导入Fragment个组件

import React, { Component, Fragment } from 'react'

class Component extends Component {
  render() {
    return <Fragment> <ComponentA/> <ComponentB/> </Fragment>
  }
}

你必须知道,你不能使用任何快捷语法的键或props .

这是official documentation美元

我希望有帮助!

React-native相关问答推荐

1.5.1 nxworkspace+react-native 版本的Axios url未定义问题

元素类型无效:应为字符串

不能总是在 Chrome 中设置 React Native 断点

加载作为props传递的图像

如何在 React Native 中测量我的应用程序的数据使用情况?

更改整个 React Native App 的语言

React Redux 使用带有连接组件的 HOC

使用 Bearer身份验证令牌react native图像

如何将组件中的props传递给 FlatList renderItem

React native Touch 事件正在通过绝对视图

java.lang.UnsatisfiedLinkError:找不到要加载的 DSO:libfbjni.so 结果:0

在 Android React Native 应用程序中正确使用 Intl

Android 依赖 'com.google.android.gms:play-services-stats' 的编译(16.0.1)和运行时(17.0.0)类路径有不同的版本

如何在 React Native 中使用 index.js 而不是 (index.ios.js, index.android.js) 进行跨平台应用程序?

居中图像 React Native 加载屏幕

React-Native 元素卡在 :app:installDebug

无法运行 jetifier React Native

在 React Native 中将props传递给外部样式表?

如何从react-native应用程序打开外部应用程序?

如何在 React-Native 中停止touch 事件传播