Estoy definido una función const en reaccionar así:
const LazyOptions = () => { return <Cascader options={options} loadData={loadData} onChange={onChange} changeOnSelect />; }; ahora defino onChange en la función externa y lo paso a esta función LazyOptions :
const onChange = (value, selectedOptions) => { var unique = value.filter(onlyUnique); this.setState({ formValues:{ province: unique.toString() } }); }; LazyOptions(onChange)pero muestra error:
Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons: 1. You might have mismatching versions of React and the renderer (such as React DOM) 2. You might be breaking the Rules of Hooks 3. You might have more than one copy of React in the same app See for tips about how to debug and fix this problem.que debo hacer para solucionar este problema?
configure el accesorio en LazyOption onchange Handler así
const LazyOptions = ({onChangeHandler}) => { return <Cascader options={options} loadData={loadData} onChange={onChangeHandler} changeOnSelect />; };y en su componente principal, pase esa función, funcionará bien
const onChange = (value, selectedOptions) => { var unique = value.filter(onlyUnique); this.setState({ formValues:{ province: unique.toString() } }); }; return <LazyOptions onChangeHandler={onChange} />