каково использование свойства jsx в tsconfig. json

Question

Я сгенерировал tsconfig. json с tsc --init,

, а затем я написал код реакции в файле .tsx и получил ошибку Cannot use JSX unless the '--jsx' flag is provided

Я наткнулся на это jsx настройка tsconfig

он имеет jsx в режиме комментариев как // "jsx": "preserve", /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */

так что означают эти три варианта? а именно preserve, react-native и react

Answer 1

Свойство

jsx позволяет нам использовать файлы .tsx в проекте

Итак, ниже приведены два шага использования React с Typescript

1. Назовите файлы с расширением .tsx

2. Включите опцию jsx

TypeScript поставляется с тремя режимами JSX: preserve, react и response-native.

Эти режимы влияют только на этап испускания - проверка типа не затрагивается. Режим preserve сохраняет JSX как часть вывода для дальнейшего использования на другом этапе преобразования (например, Babel). Кроме того, вывод будет иметь расширение файла .jsx. Режим react будет генерировать React.createElement, не нужно go через преобразование JSX перед использованием, и выходные данные будут иметь расширение файла. js. Режим react-native эквивалентен сохранению в том смысле, что он сохраняет весь JSX, но вместо этого у выходных данных будет расширение файла. js.

https://www.typescriptlang.org/docs/handbook/jsx.html#basic - использование