可以通过以下步骤实现:
// propsActions.js
export const setProps = (props) => {
return {
type: 'SET_PROPS',
payload: props
};
};
// propsReducer.js
const initialState = {};
const propsReducer = (state = initialState, action) => {
switch (action.type) {
case 'SET_PROPS':
return action.payload;
default:
return state;
}
};
export default propsReducer;
// store.js
import { createStore, combineReducers } from 'redux';
import propsReducer from './propsReducer';
const rootReducer = combineReducers({
props: propsReducer
});
const store = createStore(rootReducer);
export default store;
import React from 'react';
import { connect } from 'react-redux';
import { setProps } from './propsActions';
const MyComponent = ({ props, setProps }) => {
// 使用props
// ...
return (
// JSX代码
// ...
);
};
const mapStateToProps = (state) => {
return {
props: state.props
};
};
const mapDispatchToProps = {
setProps
};
export default connect(mapStateToProps, mapDispatchToProps)(MyComponent);
通过上述步骤,你可以将道具从react-redux传递到React Native底部选项卡导航中。在React Native组件中,你可以通过props来访问传递的道具。这种方式可以方便地在Redux的store中管理和共享数据,并在需要的地方进行访问和更新。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云