Necesito pasar el valor del componente secundario al componente principal. El componente secundario está basado en funciones y el componente principal está basado en clases.
componente hijo
export const Checkbox = (props) =>{ const [checked,setChecked] = useState(false); return ( <Checkbox label={"XYZ"} value={checked} onChange={() => setChecked((checked) =>!checked)} /> ); }Componente principal (componente basado en clases)
render(){ return( <Checkbox checked={this.props.value}>//not sure if i can get value like this ) }Quiero obtener el valor booleano de la casilla de verificación si está marcada o no
Maneje su estado y función en el componente principal y pase la función como accesorio al componente secundario e intente invocar la llamada de función dentro del componente secundario en onChange para elevar su estado al principal.
Tengo prisa y solo agrego una idea de cómo puedes lograr esto en el código.
const Parent = () => { const [checked,setChecked] = useState(false); const changeYourState = (newState) => { // change your state here } return ( <Child value={checked} initialState={checked} stateHandler={changeYourState} /> ); } const Child = ({ stateHandler, initialState}) => { //you can manipulate your initial state based on your use case return ( <div > onChange={() => stateHandler(initialState)} </div> ) ); }