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

回答編集履歴

8

テキスト追加

2021/10/07 11:10

投稿

退会済みユーザー
answer CHANGED
@@ -8,12 +8,13 @@
8
8
  const App = () => {
9
9
  const [array, setArray] = useState(RAW_DATA);
10
10
 
11
- const filterArray = ({ target: { value } }) =>
11
+ const filterArray = ({ target: { value } }) => {
12
12
  setArray(
13
13
  value
14
14
  ? RAW_DATA.filter(({ name }) => name.match(new RegExp(`^${value}`)))
15
15
  : RAW_DATA
16
16
  );
17
+ };
17
18
 
18
19
  return (
19
20
  <div>

7

テキスト追加

2021/10/07 11:09

投稿

退会済みユーザー
answer CHANGED
@@ -8,14 +8,12 @@
8
8
  const App = () => {
9
9
  const [array, setArray] = useState(RAW_DATA);
10
10
 
11
- const filterArray = ({ target }) => {
11
+ const filterArray = ({ target: { value } }) =>
12
- const { value } = target;
13
12
  setArray(
14
13
  value
15
14
  ? RAW_DATA.filter(({ name }) => name.match(new RegExp(`^${value}`)))
16
15
  : RAW_DATA
17
16
  );
18
- };
19
17
 
20
18
  return (
21
19
  <div>

6

テキスト追加

2021/10/07 11:08

投稿

退会済みユーザー
answer CHANGED
@@ -34,7 +34,7 @@
34
34
 
35
35
  ### 追記
36
36
 
37
- おっと間違うてた。入力された文字列から始まるやつでフィルターやのうて、含んでいればええのんか。それやったら正規表現のとこ、
37
+ おっと間違うてた。入力された文字列から始まるゆうフィルターやのうて、入力された文字列を含んでいればええのんか。それやったら正規表現のとこ、`^`は不要やから
38
38
  ```diff
39
39
  - new RegExp(`^${value}`)
40
40
  + new RegExp(value)

5

テキスト追加

2021/10/07 11:00

投稿

退会済みユーザー
answer CHANGED
@@ -30,7 +30,7 @@
30
30
  export default App;
31
31
 
32
32
  ```
33
- ➡ [サンプル](https://codesandbox.io/s/363289-si-wei-3jzz1) (※追記の件、修正ずみ)
33
+ ➡ [サンプル](https://codesandbox.io/s/363289-si-wei-3jzz1) (※以下の追記の件、修正ずみ)
34
34
 
35
35
  ### 追記
36
36
 

4

テキスト追加

2021/10/07 10:54

投稿

退会済みユーザー
answer CHANGED
@@ -43,4 +43,4 @@
43
43
  ```javascitp
44
44
  name.includes(value)
45
45
  ```
46
- でオケー牧場やねん。
46
+ でオケー牧場やねん。

3

テキスト追加

2021/10/07 10:53

投稿

退会済みユーザー
answer CHANGED
@@ -39,4 +39,8 @@
39
39
  - new RegExp(`^${value}`)
40
40
  + new RegExp(value)
41
41
  ```
42
+ でええわいね。ちゅうか、質問者さん書いてるように、文字列のincludes使うて、
43
+ ```javascitp
44
+ name.includes(value)
45
+ ```
42
- ええわいね。
46
+ オーケー牧場や

2

テキスト追加

2021/10/07 10:52

投稿

退会済みユーザー
answer CHANGED
@@ -30,7 +30,7 @@
30
30
  export default App;
31
31
 
32
32
  ```
33
- ➡ [サンプル](https://codesandbox.io/s/363289-si-wei-3jzz1)
33
+ ➡ [サンプル](https://codesandbox.io/s/363289-si-wei-3jzz1) (※追記の件、修正ずみ)
34
34
 
35
35
  ### 追記
36
36
 
@@ -39,4 +39,4 @@
39
39
  - new RegExp(`^${value}`)
40
40
  + new RegExp(value)
41
41
  ```
42
- でええわいね。(※サンプル修正ずみ)
42
+ でええわいね。

1

テキスト追加

2021/10/07 10:33

投稿

退会済みユーザー
answer CHANGED
@@ -30,4 +30,13 @@
30
30
  export default App;
31
31
 
32
32
  ```
33
- ➡ [サンプル](https://codesandbox.io/s/363289-si-wei-3jzz1)
33
+ ➡ [サンプル](https://codesandbox.io/s/363289-si-wei-3jzz1)
34
+
35
+ ### 追記
36
+
37
+ おっと間違うてた。入力された文字列から始まるやつでフィルターやのうて、含んでいればええのんか。それやったら、正規表現のとこ、
38
+ ```diff
39
+ - new RegExp(`^${value}`)
40
+ + new RegExp(value)
41
+ ```
42
+ でええわいね。(※サンプル修正ずみ)