Question

0

206

Views

How to pass props to a component, exported with Store Provider?

I want to export my react component along with redux store Provider. So, I wrap the component with this exportWithState callback, but I think I'm not dealing with these props the right way? As I'm unable to get props in my component that are passed from the application that is using my component.

export const exportWithState = (Component) => (props) => {
    return (
        <Provider store={store}>
            <Component props />
        </Provider>
    )
}
import {MyComponent} from "./components/my-component";
const MyComponentWithState=exportWithState(MyComponent);
export {MyComponentWithState};

Are the props passed from the Application that is using my component should be at the second arrow of callback?

about 4 years ago · Juan Pablo Isaza

1 answers

Answer question

0

Answer question

Find remote jobs

Answer 1 · 2022-07-04T01:45:24.481Z

You created a HOC, try spread the props:

export const exportWithState = (Component) => (props) => {
    return (
        <Provider store={store}>
            <Component {...props} />
        </Provider>
    )
}

0

206

How to pass props to a component, exported with Store Provider?

1 answers

0

Find remote jobs

Andres GPT