gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

A few translations and adjustments (#33685)

Browse Source
This commit is contained in:
Flavia Schaller
2019-06-03 16:50:46 -03:00
committed by Randell Dawson
parent 380427bfee
commit 97672ece03
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
curriculum/challenges/portuguese/03-front-end-libraries/react/access-props-using-this.props.portuguese.md
View File

@ -7,13 +7,13 @@ videoUrl: ''
localeTitle: Adereços de acesso usando this.props localeTitle: Adereços de acesso usando this.props
--- ---
## Description ## Descrição
<section id="description"> Os últimos vários desafios cobriram as maneiras básicas de passar adereços aos componentes filhos. Mas e se o componente filho para o qual você está passando um prop for um componente de classe ES6, em vez de um componente funcional sem estado? O componente de classe ES6 usa uma convenção ligeiramente diferente para acessar adereços. Sempre que você se referir a um componente de classe em si, use a palavra <code>this</code> chave <code>this</code> . Para acessar adereços dentro de um componente de classe, você prefácio o código que você usa para acessá-lo com <code>this</code> . Por exemplo, se um componente de classe ES6 tiver um prop chamado <code>data</code> , você escreverá <code>{this.props.data}</code> no JSX. </section> <section id="description"> Os últimos vários desafios cobriram as maneiras básicas de passar *props* (adereços) aos componentes filhos. Mas e se o componente filho para o qual você está passando um *prop* for um componente de classe ES6, em vez de um componente funcional sem estado? O componente de classe ES6 usa uma convenção ligeiramente diferente para acessar *props*. Sempre que você se referir a um componente de classe dentro dele mesmo, use a palavra-chave <code>this</code>. Para acessar *props* dentro de um componente de classe, você precede o código que você usa para acessá-lo com <code>this</code> . Por exemplo, se um componente de classe ES6 tiver um *prop* chamado <code>data</code> , você escreverá <code>{this.props.data}</code> no JSX. </section>
## Instructions ## Instruções
<section id="instructions"> Renderizar uma instância do componente <code>ReturnTempPassword</code> no componente pai <code>ResetPassword</code> . Aqui, dê a <code>ReturnTempPassword</code> um prop de <code>tempPassword</code> e atribua a ela um valor de uma string com pelo menos 8 caracteres. Dentro do filho, <code>ReturnTempPassword</code> , acesse o prop <code>tempPassword</code> dentro das tags <code>strong</code> para garantir que o usuário veja a senha temporária. </section> <section id="instructions"> Renderizar uma instância do componente <code>ReturnTempPassword</code> no componente pai <code>ResetPassword</code> . Nesse caso, dê a <code>ReturnTempPassword</code> um prop de <code>tempPassword</code> e atribua a ela um valor de uma string com pelo menos 8 caracteres. Dentro do filho, <code>ReturnTempPassword</code> , acesse o *prop* <code>tempPassword</code> dentro das tags <code>strong</code> para garantir que o usuário veja a senha temporária. </section>
## Tests ## Testes
<section id='tests'> <section id='tests'>
```yml ```yml
@ -90,7 +90,7 @@ console.info('after the test');
</section> </section>
## Solution ## Solução
<section id='solution'> <section id='solution'>
```js ```js