teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

4

a

2018/05/30 01:34

投稿

HayatoKamono
HayatoKamono

スコア2415

answer CHANGED
@@ -14,11 +14,11 @@
14
14
 
15
15
  一旦、既存のReactのコードからは離れて、まずはJavaScriptのClass定義の方法を復習し、Class定義の方法を理解した上で、Reactのコードに戻ることをお勧めします。
16
16
 
17
- Class定義の方法を確認する際には実際簡易的なコードを書いて実行し、動作確認をしながら理解を深めるようにすると良いかと思います。
17
+ Class定義の方法を確認する際には実際簡易的なコードを書いて実行し、動作確認をしながら理解を深めるようにすると良いかと思います。
18
18
 
19
19
  [jsbin.com](https://jsbin.com)のようなサイトを使うと直ぐにコードを書いて試せるのでお勧めです。
20
20
 
21
- ちなみに、今回生じている構文エラーをReactを使わない簡易コードで再現すると、以下のようになります。
21
+ ちなみに、今回生じている構文エラーをReactを使わない簡易コードで再現すると、以下のようになります。JavaScriptもReact.jsもよく分かっていない状態で誰かの記事を参考にし、それをカスタマイズしようとしていると何がエラーの原因なのかも分からないかもしれませんが、実際のエラーはたったこれだけのコードの中で起きている訳です。
22
22
 
23
23
  ```
24
24
  class Animal {

3

a

2018/05/30 01:34

投稿

HayatoKamono
HayatoKamono

スコア2415

answer CHANGED
@@ -18,7 +18,22 @@
18
18
 
19
19
  [jsbin.com](https://jsbin.com)のようなサイトを使うと直ぐにコードを書いて試せるのでお勧めです。
20
20
 
21
+ ちなみに、今回生じている構文エラーをReactを使わない簡易コードで再現すると、以下のようになります。
21
22
 
23
+ ```
24
+ class Animal {
25
+ // Syntax Error
26
+ const id = 1;
27
+ }
28
+
29
+ class User {
30
+ // Syntax Error
31
+ this.name = 'foo';
32
+ }
33
+ ```
34
+ [https://jsbin.com/puyujupuku/1/edit?js,console](https://jsbin.com/puyujupuku/1/edit?js,console)
35
+
36
+
22
37
  > React.js、Javascript.js初心者です。
23
38
  検索して、検索したキーワードを取得して、検索結果を返す。処理をしたいと思っております。
24
39
  こちらの記事を参考に取り組んでいるのですが、うまく動きません。

2

a

2018/05/30 01:03

投稿

HayatoKamono
HayatoKamono

スコア2415

answer CHANGED
@@ -14,6 +14,11 @@
14
14
 
15
15
  一旦、既存のReactのコードからは離れて、まずはJavaScriptのClass定義の方法を復習し、Class定義の方法を理解した上で、Reactのコードに戻ることをお勧めします。
16
16
 
17
+ Class定義の方法を確認する際には実際の簡易的なコードを書いて実行し、動作確認をしながら理解を深めるようにすると良いかと思います。
18
+
19
+ [jsbin.com](https://jsbin.com)のようなサイトを使うと直ぐにコードを書いて試せるのでお勧めです。
20
+
21
+
17
22
  > React.js、Javascript.js初心者です。
18
23
  検索して、検索したキーワードを取得して、検索結果を返す。処理をしたいと思っております。
19
24
  こちらの記事を参考に取り組んでいるのですが、うまく動きません。

1

a

2018/05/30 00:58

投稿

HayatoKamono
HayatoKamono

スコア2415

answer CHANGED
@@ -14,7 +14,14 @@
14
14
 
15
15
  一旦、既存のReactのコードからは離れて、まずはJavaScriptのClass定義の方法を復習し、Class定義の方法を理解した上で、Reactのコードに戻ることをお勧めします。
16
16
 
17
+ > React.js、Javascript.js初心者です。
18
+ 検索して、検索したキーワードを取得して、検索結果を返す。処理をしたいと思っております。
19
+ こちらの記事を参考に取り組んでいるのですが、うまく動きません。
20
+ https://mae.chab.in/archives/2860
17
21
 
22
+ これは仕事の一環でしょうか?それとも私的な学習でしょうか?
23
+ 後者であれば、まずはJavaScriptの基本的な部分を抑えた上で、React.jsの学習に移行することをお勧め致します。前者であればJavaScript初心者の状態でReact.jsに挑むのは非効率だと思いますので、プロジェクトチームの人に相談した方が良さそうな気がします。
24
+
18
25
  # 参考
19
26
  - [クラス(MDN)](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Classes)
20
27