Saltar al contenido

Pasar parámetros a componentes en React Native

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 ;
  
);

var NavigationBar = React.createClass(
    render: function() 
        var titleConfig = 
            title: this.props.title,
            tintColor: this.props.titleColor,
        ;

        return (
            
        );
    
);


React.render(, document.body);

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.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *