props data coming from the parent component const [state, setState] = useState({ reportTypesVal: { label: "", value: "" } || props?.reportTypesVal});¿Por qué no puedo establecer datos como este en reportTypesVal? Si intento establecer datos en useEffect, no establece el valor en reportTypesVal. ¿Cómo puedo hacer esto?
Su pregunta es un poco confusa, pero por el título:
¿Dónde obtener accesorios y configurar accesorios en un componente funcional en React Js?
Supongo que está preguntando cómo pasar accesorios, aquí hay un ejemplo en la nueva documentación beta: https://beta.reactjs.org/learn/passing-props-to-a-component
Debe implementarlo en la función de nombre del niño.
EX:
import ... import ... function showSomething( {MyProps1, MyProps2} ) // <---- here { useEffect(() => { console.log(MyProps1); } ... }Así es como pasa accesorios a un componente:
<Component property={'randomText'} />Así es como lo recuperas en el componente:
function Component (props) = { return ( <p>{props.property}</p> ) }Puede cambiar la propiedad dentro del componente usando estados y pasando la función set como una propiedad:
const [randomText, setRandomText] = React.useState('randomText') return( <Component property={randomText} propertySet={setRandomText} /> )Dentro del componente puedes hacer:
function Component (props) = { return ( <button onClick={() => {props.setRandomText('randomText2')}}>{props.randomText}</button> ) }Luego, cuando haga clic en el botón, cambiará a 'randomText2'