登录  /  注册
React.js中如何在循环中传递数据给onclick函数?
P粉523335026
P粉523335026 2023-08-30 19:26:23
[React讨论组]
<p>首先,我会放入代码。</p> <pre class="brush:php;toolbar:false;">{gameModes.map((gameMode, key) =&gt; { return ( &lt;&gt; &lt;div className={styles.gameMode} key={key} onClick={gameModeHandler}&gt; &lt;div className={styles.gameModeContent}&gt; &lt;img src={gameMode.gameModeArtwork} alt=&quot;&quot; /&gt; &lt;p className={styles.modeTitle}&gt;{gameMode.gameModeTitle}&lt;/p&gt; &lt;p className={styles.modeDesc}&gt; {gameMode.gameModeDesc} &lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;/&gt; ); })}</pre> <p><strong>onClick函数</strong></p> <pre class="brush:php;toolbar:false;">const gameModeHandler = (e) =&gt; { console.log(e.target.value) }</pre> <p>基本上,我想要的是,当onClick生效时,将gameMode.title传递给onClick函数以将其打印到控制台。我不知道如何以一种可以在循环中访问该数据的方式将onClick传递。</p>
P粉523335026
P粉523335026

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 //m.sbmmt.com/ All Rights Reserved | php.cn | 湘ICP备2023035733号