reactjs / reactjs/react.dev

alert() not working in codepen, consider alternative onclick functions for tutorial

Aberta
#3,656 2 comentários 0 reações 0 responsáveis Ver no GitHub

Ninguém assumiu esta issue ainda.

Linguagem predominante
JavaScript
Estrelas
11.8k
Forks
7.9k
Merge médio
1d 11h
PRs com merge (30d)
11

Descrição

https://github.com/reactjs/reactjs.org/blob/master/content/tutorial/tutorial.md

At some part of this tutorial (um, line 238 of that md file), I was asked to give the squares an onclick function of alert("click"). However, apparently Chrome has blocked this from running in codepen (A different origin subframe tried to create a JavaScript dialog. This is no longer allowed and was blocked. See https://www.chromestatus.com/feature/5148698084376576 for more details.), and can be confusing to people.

The next best alternative for alert that I can think of is console.log, and logged messages can be seen in both the browser's console and codepen's console.

Guia de contribuição

Abrir o guia de contribuição

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Direção de pesquisa

Abra tutorial/tutorial.md por volta da linha 238 e revise o handler alert("click") dos quadrados no exemplo do CodePen. Verifique se uma alternativa como console.log funciona tanto no console do navegador quanto nos consoles do CodePen; o trabalho estará concluído quando o exemplo não disparar mais a caixa de diálogo bloqueada e continuar compreensível.

Escrita pelo modelo de indexação a partir do texto da issue.

Avaliação

Stack de tecnologia
javascript, react
Domínio
documentation
Tipo de issue
Documentação
Dificuldade
1/5
Tempo estimado
Menos de uma hora
Status de atividade
Estagnada
Clareza
Claramente especificada
Facilidade para iniciantes
38/100

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.