Entrar Ainda não tem acesso?
1
resposta

Proppriedade "params", de onde vem?

Referente ao curso React parte 2: Container components e o ciclo de vida do react, no capítulo Navegação entre os usuários e mais um pouco de router e ciclo de vida e atividade Mão na massa: implementando a navegação

por Marcelo Palma de Noronha
| 161.7k xp | 158 posts

Temos o código:

import React, { Component } from 'react';
import Header from './componentes/Header';
import Timeline from './componentes/Timeline';

class App extends Component {
  render() {    
    return (
    <div id="root">
      <div className="main">
        <Header/>
        <Timeline login={this.props.params.login}/>
      </div>
    </div>
    );
  }
}

export default App;

Nessa parte:

    <Timeline login={this.props.params.login}/>

'this.props' se refere aos parâmetros de 'App' no 'index.js'?

A quem se refere a propriedade 'params'?

Refere-se aos parametros do componente 'App' no 'index.js'?

Parecem ser similares "props" e "params".

Qual a diferença de 'props' e 'params'?

1 resposta
por RAFAEL GUINHO MONTEIRO Rafael Monteiro
| 149.8k xp | 59 posts

O props.params é fornecido pelo React-Router é se refere aos parâmetros da URL. Abaixo as propriedades passadas para cada componente:

const props = {
   history,
   location,
   params,
   route,
   routeParams,
   routes
}