То, что я пытаюсь достичь, это загрузить данные из URL и получить их в состоянии, но «Ilceler» не определен. Что я получил (TypeError: Не могу прочитать свойство ‘ilceSelected’ из undefined), где я делаю что-то неправильно, может кто-нибудь мне помочь, пожалуйста … Я вроде новичок в основных концепциях избыточности (хранилище редукторов действий и т. Д.) Я думаю, что я возникли проблемы при вызове handleGetIlce fn в файле действий

Main Widget {amp}lt;React.Fragment{amp}gt; {amp}lt;Ilceler /{amp}gt; {props.address.ilceSelected ? {amp}lt;Mahalleler /{amp}gt; : null} {props.address.mahalleSelected ? {amp}lt;Sokaklar /{amp}gt; : null} {props.address.sokaklarSelected ? {amp}lt;Kapilar /{amp}gt; : null} {amp}lt;/React.Fragment{amp}gt; const Ilceler = (props) ={amp}gt; { let [ fetchedData, setFetchedData ] = useState(false); useEffect(() ={amp}gt; { const ilceUrl = 'URL'; !fetchedData {amp}amp;{amp}amp; axios.get(ilceUrl).then((response) ={amp}gt; response.data).then((ilceList) ={amp}gt; { setFetchedData(true); let ilceler = []; ilceList.Aaa.Bb.C.forEach((ilce) ={amp}gt; { ilceler.push({ label: ilce.ADI, value: ilce.ID }); }); props.handleGetIlce(ilceler); }); }); return ( {amp}lt;React.Fragment{amp}gt; {amp}lt;Select name='adresSelect' options={props.address.ilceler} onChange={props.handleIlceChange} /{amp}gt; {amp}lt;/React.Fragment{amp}gt; ); }; const mapStateToProps = (state) ={amp}gt; ({ address: state.address }); const mapDispatchToProps = function(dispatch) { return bindActionCreators({ ...addressActions }, dispatch); }; actions export const actions = { handleGetIlce: (ilceler) ={amp}gt; { return { type: GET_ILCE, payload: ilceler }; } } reducers import { GET_ILCE } from '../../constants'; export const initialState = { ilceler: [] }; export default (state = initialState, action) ={amp}gt; { switch (action.type) { case GET_ILCE: return { ...state, ilceler: action.payload }; default: return state; } }; 

Вы должны подключить свой компонент с помощью функции «connect» от реагирующей избыточности, чтобы получить доступ к вашему магазину и отправить его в качестве реквизита для вашего компонента.

 const mapStateToProps = (state) ={amp}gt; ({ address: state.address }); const mapDispatchToProps = function(dispatch) { return bindActionCreators({ ...addressActions }, dispatch); }; const MainWidgetConnected = connect( mapStateToProps, mapDispatchToProps )(MainWidget);