質問編集履歴
1
追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -42,4 +42,33 @@
|
|
|
42
42
|
```
|
|
43
43
|
|
|
44
44
|
なぜこのコードが間違っているのかと、
|
|
45
|
-
reduxの場合のinputの参照方法を詳しく教えていただきたいです。
|
|
45
|
+
reduxの場合のinputの参照方法を詳しく教えていただきたいです。
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
ちなみに
|
|
49
|
+
```ここに言語を入力
|
|
50
|
+
class InputArea extends React.Component{
|
|
51
|
+
render(){
|
|
52
|
+
let inputs;
|
|
53
|
+
const { onSend } = this.props;
|
|
54
|
+
return(
|
|
55
|
+
<div>
|
|
56
|
+
<input
|
|
57
|
+
type="text"
|
|
58
|
+
placeholder="input your text !!"
|
|
59
|
+
ref={(node) => {
|
|
60
|
+
inputs = node
|
|
61
|
+
}}
|
|
62
|
+
/>
|
|
63
|
+
<button onClick={this.props.onSend(inputs.value)}>送信</button>
|
|
64
|
+
</div>
|
|
65
|
+
);
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
```
|
|
70
|
+
このような参照方法だと、
|
|
71
|
+
```ここに言語を入力
|
|
72
|
+
Uncaught TypeError: Cannot read property 'value' of undefined
|
|
73
|
+
```
|
|
74
|
+
のエラーになってしまいます。。。
|