Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Fix/teratail q267220 #1

Closed
wants to merge 9 commits into from
Closed

Fix/teratail q267220 #1

Changes from 1 commit
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
91d24c5
Change url for mock api
jun68ykt Jun 4, 2020
dd172af
Add redux-logger
jun68ykt Jun 4, 2020
3f0a4e3
Add "key" prop
jun68ykt Jun 4, 2020
f8c8cba
Add <tbod>y and <td> in table
jun68ykt Jun 4, 2020
d4e4d70
Replace "componentWillMount" to "componentDidMount"
jun68ykt Jun 4, 2020
8184fbe
Replace state property "response" to "arrayExample"
jun68ykt Jun 4, 2020
a20c794
Remove "response" property in state of redux
jun68ykt Jun 4, 2020
a7fd390
Fix prop "key" to avoid duplication
jun68ykt Jun 4, 2020
f09dcc1
Add table index
jun68ykt Jun 4, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
Prev Previous commit
Next Next commit
Replace state property "response" to "arrayExample"
  • Loading branch information
@jun68ykt
jun68ykt committed Jun 4, 2020
commit 8184fbed4a1d3646872cdbb9e69ff23ac40a7efb
26 changes: 11 additions & 15 deletions src/redux/main/reducer.js
View file
Open in desktop
Expand Up @@ -8,24 +8,23 @@ import {
} from './action';

const initialState = {
isFetching: true,
isFetching: false,
isError: false,
response: {},
arrayExample: [],
count: {},
error: null
};

const mainState = (state = initialState, action) => {
switch (action.type) {
// API
case REQUEST_FETCH:
return {
...state,
};
return { ...state, isFetching: true };
// API成功
case SUCCEED_FETCH:
return {
...state,
response: action.response,
arrayExample: action.response.arrayExample,
isError: false,
isFetching: false,
};
Expand All @@ -35,29 +34,26 @@ import {
...state,
isFetching: false,
isError: true,
response: action.error,
error: action.error,
};
// 再レンダー
case REQUEST_REFETCH:
console.log('refetch')
return {
...state,
};
console.log('refetch')
return { ...state, isFetching: true };
// 再レンダー成功
case SUCCEED_REFETCH:
console.log(state.response);
return {
...state,
response: [...state.response, action.results],
// response: state.response.concat([action.results]),
arrayExample: [...state.arrayExample, ...action.results.arrayExample],
isFetching: false,
};
// 再レンダーエラー
case FAILED_REFETCH:
return {
...state,
isFetching: false,
isError: true,
response: action.reError,
error: action.reError,
};
default:
return state;
Expand Down