Чтобы запросить и выбрать идентификатор из хранилища Redux, вы можете использовать различные методы в зависимости от структуры вашего состояния Redux. Вот несколько подходов:
- Использование mapStateToProps: в вашем компоненте вы можете подключиться к хранилищу Redux с помощью функции
connectиз библиотекиreact-redux. Затем вы можете определить функциюmapStateToPropsдля извлечения идентификатора из хранилища и сопоставления его со свойством в вашем компоненте.
import { connect } from 'react-redux';
const YourComponent = ({ id }) => {
// Use the 'id' prop in your component
};
const mapStateToProps = (state) => {
return {
id: state.yourReducer.id, // Replace 'yourReducer' with the actual name of your reducer
};
};
export default connect(mapStateToProps)(YourComponent);
- Использование перехватчика useSelector: если вы используете функциональные компоненты с перехватчиками React Redux, вы можете использовать перехватчик
useSelectorдля выбора идентификатора из хранилища Redux.
import { useSelector } from 'react-redux';
const YourComponent = () => {
const id = useSelector(state => state.yourReducer.id); // Replace 'yourReducer' with the actual name of your reducer
// Use the 'id' variable in your component
};
export default YourComponent;
- Непосредственный доступ к хранилищу. Если у вас есть доступ к экземпляру хранилища Redux, вы можете получить идентификатор, обратившись к соответствующему фрагменту состояния.
const store = createStore(rootReducer); // Replace 'rootReducer' with your actual root reducer
const id = store.getState().yourReducer.id; // Replace 'yourReducer' with the actual name of your reducer
Это несколько методов, которые вы можете использовать для запроса и выбора идентификатора в магазине Redux. Не забудьте заменить 'yourReducer'фактическим именем вашего редуктора в примерах.