reactjs - Facebook React のタイプスクリプト

Question

最近Reactを調べていて、JSXとtypescriptを使いたいと思っていました。これに関するリソースやReactの型定義を見つけることができませんでした。

JSX で Typescript を使用できますか?また、型定義は利用できますか?

Answer 1

更新：古い答えはもはや真実ではありません。Typescript はしばらくの間、.tsxファイルとの個別の構文コンテキストをサポート<>し、JSX を優先してキャスト構文を削除します。

---

それはしません。TypeScript の型キャスト構文にはあいまいさがたくさんあります。

(<foo>bar)

JSX インライン XML 構文:

(<foo>bar)</foo>)

Answer 2

次の講演をご覧ください。

https://www.youtube.com/watch?v=9PTa9-PPVAc

React を TypeScript で動作させる方法について、多くの指針があります。

Facebook は最近、Javascript に静的型付けを追加するFlowというプロジェクトも発表しました。どちらも Facebook プロジェクトなので、React.js を扱う場合は TypeScript よりも Flow を使用する方が簡単かもしれません。

Answer 3

jsxに関して：

反応コンポーネントを 2 つのファイルに分割できます。最初のものには render 関数を除くすべてが含まれるため、Typescript で記述できます。2 つ目は、JSX を使用してレンダー関数を実装するだけです。これが「反応する方法」に反していることは知っていますが、その問題は解決します。render 関数を除いて、Typescript のすべての機能を使用できます。