Запятая в выражениях TypeScript JSX

Question

Запятая в выражениях TypeScript JSX

Выражение в этом компоненте

const App = props => (<div>{console.log(props), JSON.stringify(props)}</div>);

результаты в

ошибка TS1005: ожидается "}"

ошибка вокруг оператора запятой. Это можно увидеть в этой демонстрации Stackblitz, которая create-react-app проект, который использует TypeScript как транспортер.

В то время как оператор запятой работает, как задумано, в Babel в аналогичной ситуации

Это неправильная реализация TypeScript или Babel JSX? Что говорится в спецификации JSX? Это известная проблема? Если это ошибка TypeScript, можно ли это исправить?

2

reactjs typescript jsx stackblitz

Источник

user3731501 02 сен '18 в 16:57

1 ответ

Решение

Другие вопросы по тегам reactjs typescript jsx stackblitz

user3731501 02 сен '18 в 17:00 2018-09-02 17:00 · Accepted Answer · 2018-09-02 17:00

Можно было заставить выражение с оператором запятой работать так, как и предполагалось в реализации TypeScript и Babel JSX, с использованием дополнительных скобок:

{(console.log(props), JSON.stringify(props))}

Или если это console.log вызов, который всегда ложен, может использоваться логическое ИЛИ короткое замыкание:

{console.log(props) || JSON.stringify(props)}