Question

0

205

Visualizações

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 Respostas

Responde à pergunta

0

Responde à pergunta

Encontrar trabalhos 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

205

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

1 Respostas

0

Encontrar trabalhos remotos

Andres GPT