Question

0

202

Vistas

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 Respuestas

Responde la pregunta

0

Responde la pregunta

Encuentra empleos remotos

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

202

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

1 Respuestas

0

Encuentra empleos remotos

Andres GPT