diff --git a/beta/src/pages/reference/render.md b/beta/src/pages/reference/render.md index afe2444ab..cd221a75e 100644 --- a/beta/src/pages/reference/render.md +++ b/beta/src/pages/reference/render.md @@ -67,31 +67,31 @@ Se você usar ["pedaços"](/learn/add-react-to-a-website) do React aqui e ali, c ```html public/index.html - +

Este parágrafo não é renderizado pelo React (abra index.html para verificar).

-
+
``` ```js index.js active import './styles.css'; import { render } from 'react-dom'; -import { Comentarios, Navegacao } from './Components.js'; +import { Comments, Navigation } from './Components.js'; render( - , - document.getElementById('navegacao') + , + document.getElementById('navigation') ); render( - , - document.getElementById('comentarios') + , + document.getElementById('comments') ); ``` ```js Components.js -export function Navegacao() { +export function Navigation() { return (
    Home @@ -108,19 +108,19 @@ function NavLink({ href, children }) { ); } -export function Comentarios() { +export function Comments() { return ( <>

    Comentarios

    - - + + ); } -function Comentario({ texto, autor }) { +function Comentario({ text, author }) { return ( -

    {texto} — {autor}

    +

    {text} — {author}

    ); } ``` @@ -147,7 +147,7 @@ import App from './App.js'; let i = 0; setInterval(() => { render( - , + , document.getElementById('root') ); i++; @@ -155,10 +155,10 @@ setInterval(() => { ``` ```js App.js -export default function App({contador}) { +export default function App({counter}) { return ( <> -

    Olá, mundo! {contador}

    +

    Olá, mundo! {counter}

    );