Deseamos brindarte la mejor solución que hemos encontrado en internet. Nosotros queremos que te sea de ayuda y si puedes comentarnos alguna mejora hazlo con libertad.
Solución:
Antes que nada render
no toma ningún parámetro, lo que quiere hacer es hacer referencia a sus accesorios que pasó.
render: function ()
var titleConfig =
title: this.props.title,
tintColor: this.props.titleColor
;
// Rest of code
Simplemente haciendo esto, cada vez que su NavigationBar
también lo hará el NavBar
componente también.
Un ejemplo súper simple que demuestra esto
var NavBar = React.createClass(
render: function ()
return
);
);
React.render( , document.body);
;
);
var NavigationBar = React.createClass(
render: function()
var titleConfig =
title: this.props.title,
tintColor: this.props.titleColor,
;
return (
Puede llamar al componente de la barra de navegación y dar los accesorios como este
let inputProps=
color:"blue",
title:"Title"
;
Y en la declaración de NavigationBar puedes usarlo así
const NavigationBar = (props)=>
const [title,setTitle] = useState("");
const [color,setColor] = useState("");
useEffect(()=>
setColor(props.color);
setTitle(props.title);
,[props.color,props.title]);
return(
rightButton=
/>
);
A medida que cambia el color y el título, el gancho de efecto se activará y actualizará el estado del título y el color usando el gancho de estado, lo que obligará al componente a volver a renderizarse con valores actualizados. forma vinculante.
Si aceptas, tienes la habilidad dejar una noticia acerca de qué te ha impresionado de esta sección.