react-native - 如何在 react-native 0.64.0 (rc4) 中使用 react 17 的新 JSX 转换？

Question

问题基本上在标题中，但我已经使用 react-native 0.64.0-rc.4 创建了演示项目。这个版本的 RN 使用 react-17，所以应该也可以使用新的 JSX 转换。问题是这是否真的可能，以及如何实现。当我评论 import React from 'react'; 中的 App.js 行时，应用程序会因为未知的 React 变量而创建渲染错误。

Answer 1

你可以引用this comment
我遇到了同样的问题并通过仅更改 babel.config.js 来解决它。
这是我的 babel.config.js 。
关键是 useTransformReactJSXExpermiental: true 和 runtime: 'automatic'

module.exports = {
  presets: [
    ['module:metro-react-native-babel-preset', { useTransformReactJSXExperimental: true }],
    '@babel/preset-typescript',
  ],
  sourceMaps: 'inline',
  plugins: [
    [
      '@babel/plugin-proposal-decorators',
      {
        legacy: true,
      },
    ],
    [
      '@babel/plugin-transform-react-jsx',
      {
        runtime: 'automatic',
      },
    ],
    '@babel/proposal-object-rest-spread',
    ['babel-plugin-styled-components'],
    'react-native-reanimated/plugin',
  ],
};