編集履歴

質問編集履歴

誤字を修正

2020/05/31 02:02

投稿

mune92283498

スコア11

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -50,7 +50,7 @@
 ```
-### Javascript
+### 資源
 #### Memo.js
@@ -188,7 +188,7 @@
 どうやらmapで作成した配列の値が見つからずエラーになっているみたいなんですが、
-エラー箇所の「Memo.js」と「Iindex.js」を見直してみたものの解決に至らず...
+エラー箇所の「Memo.js」と「index.js」を見直してみたものの解決に至らず...
 mapメソッドあたりのコードをみても構文が間違っているようには見えないんですが、うまく値が受け渡しできていのでしょうか？

指摘内容を反映したコードを追記

2020/05/31 02:02

投稿

mune92283498

スコア11

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -194,7 +194,7 @@
-### 追記
+## 追記
 ### Store.js
@@ -397,3 +397,65 @@
 export default createStore(memoReducer);
 ```
+## PG修正
+### Store.js
+```js
+import { createStore } from "redux";
+const initData = {
+  data: [{ message: "sample data", created: new Date() }],
+  message: "please type message",
+  mode: "default",
+  fdata: [],
+};
+// レデューサー
+export function memoReducer(state = initData, action) {
+  switch (action.type) {
+    case "ADD":
+      return addReduce(state, action);
+    case "DELETE":
+      return deleteReduce(state, action);
+    case "FIND":
+      return findReduce(state, action);
+    # actionが不明な場合はstateをそのまま返す必要があるため、default処理を追記
+    default:
+      return state;
+  }
+}
+# 以下略
+```

Store.jsを追記しました。

2020/05/31 01:59

投稿

mune92283498

スコア11

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -191,3 +191,209 @@
 エラー箇所の「Memo.js」と「Iindex.js」を見直してみたものの解決に至らず...
 mapメソッドあたりのコードをみても構文が間違っているようには見えないんですが、うまく値が受け渡しできていのでしょうか？
+### 追記
+### Store.js
+```js
+import { createStore } from "redux";
+const initData = {
+  data: [{ message: "sample data", created: new Date() }],
+  message: "please type message",
+  mode: "default",
+  fdata: [],
+};
+// レデューサー
+export function memoReducer(state = initData, action) {
+  switch (action.type) {
+    case "ADD":
+      return addReduce(state, action);
+    case "DELETE":
+      return deleteReduce(state, action);
+    case "FIND":
+      return findReduce(state, action);
+  }
+}
+// レデュースアクション
+// メモ追加のレデュース処理
+function addReduce(state, action) {
+  let data = {
+    message: action.message,
+    created: new Date(),
+  };
+  let newdata = state.data.slice();
+  newdata.unshift(data);
+  return {
+    data: newdata,
+    message: "Added!",
+    mode: "default",
+    fdata: [],
+  };
+}
+// メモ検索のレデュース処理
+function findReduce(state, action) {
+  let f = action.find;
+  let fdata = [];
+  state.data.forEach((value) => {
+    if (value.message.indexOf(f) >= 0) {
+      fdata.push(value);
+    }
+  });
+  return {
+    data: state.data,
+    message: 'find "' + f + '":',
+    mode: "find",
+    fdata: fdata,
+  };
+}
+// メモ削除のレデュース処理
+function deleteReduce(state, action) {
+  let newdata = state.data.slice();
+  newdata.splice(action.index, 1);
+  return {
+    data: newdata,
+    message: 'delete "' + action.index + '":',
+    mode: "delete",
+    fdata: [],
+  };
+}
+// アクションクリエーター
+// メモ追加のアクション
+export function addMemo(text) {
+  return {
+    type: "ADD",
+    message: text,
+  };
+}
+// メモ削除のアクション
+export function deleteMemo(num) {
+  return {
+    type: "DELETE",
+    index: num,
+  };
+}
+// メモ検索のアクション
+export function findMemo(text) {
+  return {
+    type: "FIND",
+    find: text,
+  };
+}
+// ストアを作成
+export default createStore(memoReducer);
+```