Estoy tratando de enviarle una propiedad al componente Editproduct
, pero cuando lo recibo allá con props.variable
, no me aparece el valor de la variable, hago un console.log
y me aparece undefined.
const Home = (props) =>{
const [buttonClicked, setButtonClicked] = useState(false);
function handleButtonClick(){
setButtonClicked(true)
}
return(
<Button
onClick={() => handleButtonClick()}
entry = {index}>
<Edit color="primary" fontSize="small"/>
</Button>
{buttonClicked ? <Redirect to="/editproduct"><Editproduct variable={true}/></Redirect> : null}
);}
El valor de la propiedad 'Variable' que es true, necesito recibirlo en el componente Editproduct. Al recibirlo, lo almaceno en un Hook en la función useEffect()
y hago un console.log
y me aparece undefined, no entiendo qué está sucediendo.
const Editproduct = (props) => {
const [variable, setVariable] = useState('');
useEffect(() => {
setVariable(props.variable);
console.log(variable);
}, []);
}
¿Cómo hago para que me aparezca el valor de variable en el otro componente?
console.log(props)
?