[問題] react關於中文拼音onComposition事件

[heavenbetula (綠草)]

各位大大好

直接附上demo網址

https://stackblitz.com/edit/react-ygavhk?file=src%2FApp.js

我有個需求是需要再輸入欄位時，避開中文拼音的部分

也就是例如輸入“我”，不希望會經歷注音拼音的部分

因此想說用onComponsition事件來處理

上面範例網址中，不明白為什麼欄位改變時，始終觸發不到compositionend

請問是為什麼呢？

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 115.43.135.34 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1655975178.A.A59.html
推 duck10704: 不確定是不是 Chrome 問題  你要在 compositionend 觸
→ duck10704: 發當下直接去 call handleChange(e);  然後再把
→ duck10704: handleChange 中的 if 判斷式拿掉應該就可以了
推 duck10704: https://imgur.com/Snu8W47
→ duck10704: https://github.com/facebook/react/issues/3926
我duck大，你說的方式去做，可是這樣注音的拼音就跑出來了耶
※ 編輯: heavenbetula (115.43.135.34 臺灣), 06/23/2022 19:11:24
推 art1: 我用 win10,firefox 測的結果是變成無法用輸入法輸入中文了
→ art1: 每次輸入一個注音，console 的總數就 +3 的樣子
推 VdustR: 字型酷喔
推 EPGo: input uncontrolled 會比較好做
→ EPGo: https://react-fzfz1g.stackblitz.io <-不是最好做法但能動