reactjs / reactjs/react.dev

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

未關閉
#3,656 2 則留言 0 個 reaction 已指派 0 人 在 GitHub 檢視

還沒有人認領這個 Issue。

主要語言
JavaScript
星號
11.8k
分支
7.9k
平均合併
1 天 11 小時
30 天內合併 PR
11

描述

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.

貢獻指南

開啟貢獻指南

從這裡開始

  1. 先讀完整個 Issue,再讀專案的貢獻指南。
  2. 在 Issue 下留言說明你要接手 —— 這能避免兩個人做同樣的事。
  3. Fork 儲存庫,在一個分支上完成修改。
  4. 送出 Pull Request,並在描述裡引用這個 Issue 編號。

研究方向

開啟 tutorial/tutorial.md 約第 238 行的位置,檢查 CodePen 範例中正方形的 alert("click") 處理常式。確認像 console.log 這樣的替代方案在瀏覽器主控台和 CodePen 主控台中都能運作;當範例不再觸發遭封鎖的對話框且仍然易於理解時,工作就完成了。

由索引模型根據 Issue 內容生成。

評估

技術堆疊
javascript, react
領域
documentation
Issue 類型
文件
難度
1/5
預估耗時
1 小時以內
活躍度
停滯
描述清晰度
描述清楚
新手友好度
38/100

把新 issue 寄到你的電子郵件信箱

精選適合新手參與的 GitHub issue 摘要。