原文:【原】React中,map出來的元素添加事件無法使用

在使用react中,經常用到react的map函數,用法和jquery里中的map一樣,但是,如果你在每個map出來的元素中添加,你會發覺添加的事件無法關聯, 比如,我們很多的評論,我需要在每個評論下面加一個回復的input,input期初是隱藏的,當我點擊每天評論下面的回復時,input輸入框顯示 這里舉個例子,比如我數組里有三組文字,我把它們渲染到li中,點擊每個li,alert 出每個li里 ...

2015-12-08 16:59 4 5701 推薦指數:

查看詳情

關於React,map出來的元素添加事件問題

用es6 map 的寫法 直接綁定一個onTouchStart 事件不會報錯。 用es5的map寫法 如果不加上this 會報這個錯誤     無法讀取未定義的屬性 解決的方法是 綁定this 就可以了 ...

Sat May 27 18:58:00 CST 2017 0 1172
react如何使用jquery插件

  react的思想是虛擬dom,提倡最好較少dom的操作,可是我們在寫網頁的時候,有些復雜的交互還是離不開jquery插件的。而且當你把jquery直接拿來用的時候,你會發覺會報錯,要么是找不到那個插件,要么就是沒有報錯,但是就是不能用。尤其是使用webpack打包后,如果將插件一起打包 ...

Thu Mar 31 06:04:00 CST 2016 2 30394
Dart Map<> 添加 元素

Map<String, WidgetBuilder> routesList() {   Map<String, WidgetBuilder> re = new Map<String, WidgetBuilder> ...

Wed Apr 03 00:38:00 CST 2019 0 1780
react使用map時onClick事件失效

分享一些踩過的坑 react使用map時onClick事件失效 <span> { count.map( (item,index)=>{ return <span style ...

Mon Jan 07 21:10:00 CST 2019 0 911
React添加事件

React添加事件,和DOM上添加事件類似,但又有細微的不同. React添加事件,需要注意: 1.React事件命名采用小駝峰(camelCase)的命名方式,DOM采用的是純小寫的方式; 2.使用JSX語法時,需要傳入一個函數作為事件的處理函數,DOM傳入的是一個字符串(雖然DOM ...

Wed Apr 15 02:28:00 CST 2020 0 862
React 添加一個事件

React 添加一個事件 以點擊事件為例 一般家在render渲染里 ...

Thu Jan 04 17:40:00 CST 2018 0 1080
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM