回答編集履歴

1

追記

2018/07/27 17:39

投稿

退会済みユーザー
test CHANGED
@@ -7,3 +7,95 @@
7
7
 
8
8
 
9
9
  たぶんAtomもあるのではないでしょうか。
10
+
11
+
12
+
13
+ ------
14
+
15
+
16
+
17
+ > これが表示されたところでどう適用したらいいのかわかりません。
18
+
19
+
20
+
21
+ それを見ても分からないということでしたら,TypeScriptや型定義が分かっていないのではなくReactの使い方が分からないということだと思います。
22
+
23
+
24
+
25
+ ```
26
+
27
+ type SFC<P = {}> = StatelessComponent<P>;
28
+
29
+ interface StatelessComponent<P = {}> {
30
+
31
+ (props: P & { children?: ReactNode }, context?: any): ReactElement<any> | null;
32
+
33
+ propTypes?: ValidationMap<P>;
34
+
35
+ contextTypes?: ValidationMap<any>;
36
+
37
+ defaultProps?: Partial<P>;
38
+
39
+ displayName?: string;
40
+
41
+ }
42
+
43
+ ```
44
+
45
+
46
+
47
+ 上記の型定義から以下のように使用できるというところまでは分かります。
48
+
49
+
50
+
51
+ ```
52
+
53
+ interface HogeProps {
54
+
55
+ text: string;
56
+
57
+ }
58
+
59
+ const Hoge: React.SFC<HogeProps> = (props: HogeProps) => {
60
+
61
+ return (
62
+
63
+ <p>{props.text}</p>
64
+
65
+ );
66
+
67
+ };
68
+
69
+
70
+
71
+ ..........
72
+
73
+
74
+
75
+ Hoge.defaultProps = {
76
+
77
+ text: 'HELLO WORLD'
78
+
79
+ };
80
+
81
+ Hoge.displayName = 'hoge';
82
+
83
+ ```
84
+
85
+
86
+
87
+ ただしdefaultPropsやdisplayNameが何に使用されるのかはReact自体の仕様なので,TypeScriptや型定義は関係ないです。
88
+
89
+
90
+
91
+ なので
92
+
93
+
94
+
95
+ - kakajikaさんのおっしゃるようにテストコードを見る
96
+
97
+ - 公式ドキュメントを探す
98
+
99
+
100
+
101
+ なのかな