¿Necesito activar la función secundaria dentro del componente principal? estoy usando reaccionar
Componente principal ->
selectedColors = (colors) => { // need to props colors and trigger child function. }; <Field id="primary-color" name="theme.primaryColor" component={ButtonColorPicker} />El componente secundario es ButtonColorPicker
Componente ButtonColorPicker ->
handleChange = (color) => { console.log("here i need props value from PARENT", color); this.props.input.onChange(color.hex); }; <SketchPicker color={input.value} onChange={this.handleChange} />importar { SketchPicker } desde "react-color";
SketchPicker es solo un complemento para cambiar colores.
Necesito del componente principal para activar la función handleChange.
Puedes probar esto.
Primero, cree un estado que determinará cuándo se activará la función.
const [trigger, setTrigger] = useState(false)
Ahora pasa trigger a su componente secundario, y dentro de él puede crear un useEffect con trigger dentro de su matriz de dependencia que llamará a su función.
useEffect(() => { // children function to be triggered is here. }, [trigger]) Ahora, cada vez que cambie su estado de trigger en el componente principal, se activará la función secundaria.
En su componente principal, puede hacer algo como
selectedColors = (colors) => { setTrigger(true) // whatever you want. setTrigger(false) }