export const setActiveUser = clientsList => {
return {
type: SET_ACTIVE_USER,
clientsList: ""
};
};export const setActiveUser = activeClient => {
return {
type: SET_ACTIVE_USER,
payload: activeClient
};
};export const initialState = {
users: [],
activeUser: null,
filter: ""
};export const getUsers = clientsList => {
return {
type: GET_USERS,
clientsList: clientsList
};
};export const initialState = {
users: userList.json,
activeUser: null
}
export default function userReducer = (state = initialState, action) {
const {type, payload} = action
switch (type) {
case SET_ACTIVE_USER:
return {...state, activeUser: payload}
default:
return state
}
}import {Record} from 'immutable'
export const ReducerRecord = Record({
users: userList.json,
activeUser: null
})
export default function reducer(state = new ReducerRecord(), action) {
const {type, payload} = action
switch (type) {
case SET_ACTIVE_USER:
return state.set('activeUser', payload)
default:
return state
}
}const customComponent = memo(forwardRef(({ myProp }, ref) => {
// ...
}))
customComponent.propTypes = { prop: PropTypes.number}
default export customComponent;
1) в мидлваре
2) через redux-thunk
3) через redux-saga
4) при инициализации компонента App
способ самый простой, но не самый оптимальный
5) В рамках вашего задания можно просто напрямую отправить в initialState, тогда нам ничего из этого не понадобится.
Про setActiveUser тут вам явно нехватает пониманий работы JS.
У вас уже все есть, просто при клике на какую то из внутренних частей FullData отправляейте целиком объект client, который целесообразно целиком прокидывать, а не размножать на тысчу параметров.
П.С. Если вы выполняете тестовое задание на позицию react разработчика, то наверное лучше не спешить, и подучить реакт и JS по лучше?
Можно к примеру обратиться к репетиторам, или почитать что нибудь про JS/react