En reaccionar, para verificar y mostrar un componente, hacemos:
const [state, setState] = useState(false); <button ... onClick={() => setState(true)} /> {state && <MyComponent />}pero ¿y si quiero cambiar este código para usar redux?
Puede usar react-redux para lograr esto, aunque se requiere un código repetitivo para configurar su tienda si aún no tiene uno.
Podrías hacer algo como lo siguiente:
import { useSelector, useDispatch } from 'react-redux' import { showViewAction } from './viewDisplaySlice' export const MyComponent = () => { const shouldDisplayComponent = useSelector(state => state.shouldDisplay); const dispatch = useDispatch(); return ( .... <button onClick={() => dispatch(showViewAction())} > ... </button> { shouldDisplayComponent && <MyViewComponent /> } </div> ); };Puede encontrar útil la guía de inicio rápido para configurar la tienda y usar react-redux: https://redux.js.org/tutorials/quick-start