我是一个反应新手，目前正在建造一台鼓机。我已经连接了鼓机来播放包含在它的子鼓垫DrumPad中的音频，问题是无论何时单击它的父component.My div时，都无法生成一个代表每个音频显示的id。我知道我需要初始化状态，然后setState，但我不知道如何在我的代码中实现它。 以下是我的代码 import React from 'react'
浏览 16提问于2020-10-09得票数 0
回答已采纳
我在做freeCodeCamp鼓机项目。当用户单击鼓垫时，我想要播放一个声音。由于audio元素不是真正的DOM元素，而是它的副本，为了引用它，我需要使用ref (或者至少我认为这是原因)。我按照React文档中的说明在函数组件中使用ref，并且我有一个方法handleClick，当您单击一个“鼓垫”时会触发该方法，我想将其称为audio.play()。但是，当我单击其中一个鼓<e
浏览 13提问于2019-09-23得票数 1
回答已采纳
2回答
我正在使用Reactjs创建一台鼓机。这是很好的工作，但我有一些性能问题，我还想添加一个音频转换接口。目前，应用程序必须在每次用户单击鼓垫时初始化一个音频对象(太糟糕了！)我试图添加另一个改变音频的功能，但我做不到..。我是新来的Reactjs，所以任何帮助都将受到感谢。}; var snd = new Audio(e);};
我在点击每个鼓</
浏览 0提问于2018-07-25得票数 0
1回答
我创建了一个基于免费代码营的鼓式机器项目的React应用程序，它成功地在Code上工作，并通过了在这里找到的所有测试，但是当我将代码传输到Visual时，它现在失败了1次测试。现在它失败了一个测试，那就是#6
当我按下与每个. drum pad相关联的触发键时，它的子元素中包含的音频剪辑应该被触发(例如，按q键应该触发包含字符串"Q“的</em
浏览 1提问于2021-06-13得票数 1
回答已采纳
我的应用程序工作正常，但弹出一个错误，我无法解决它。这是一个项目，我必须传递这个错误。错误如下： 错误：“当我按下与每个鼓垫相关的触发键时，应触发包含在其子元素中的音频剪辑(例如，按Q键应触发包含字符串"Q”的鼓垫，按W键应触发包含字符串"W“的鼓垫，依此类推)。”butt
浏览 15提问于2020-04-13得票数 0
回答已采纳
我有问题触发声音的按钮点击使用onKeyPress。当用鼠标点击时，按钮和声音都工作得很好，但是为了让它们在键盘上工作，你必须首先用鼠标点击那个按钮。如何使用onKeyPress触发带键的按钮？onKeyPress难道不是处理这种事情的正确方式吗？ handleClick={props.handleClick}
onKeyPr
浏览 7提问于2018-08-28得票数 1
我正在重构一个以前制作的基于类的React应用程序，使其能够使用Hooks实现功能。这是一个简单的鼓机应用程序。我使用.map从一个对象数组中填充页面，该数组包含reach鼓垫及其相关声音的数据。src={sound.src} />在重构之后，除了使用onKeyPress播放单独的鼓垫
浏览 2提问于2020-04-07得票数 0
回答已采纳
我正在开发freeCodeCamp鼓机应用程序。在我的带有功能箭头组件的应用程序中，我使用父组件中的useState钩子设置了display的状态，并将其作为道具传递给子组件。然而，当该方法被触发时(单击“鼓垫”div)，应用程序就会崩溃。如果您打算渲染子对象的集合，请使用数组。“我一直在遵循这个项目的YouTube教程，但是使用箭头函数组件和钩子而不是教程中使用的常规类--在教程
浏览 24提问于2019-09-25得票数 0
回答已采纳
我有这样的默认状态 selectedTab : 'tab1'然后render(){<li onClick={this.setState({selectedTab :'tab1'})}>
浏览 6提问于2017-04-01得票数 1
回答已采纳
我有一个4x4鼓垫的设置，本质上是按钮或具有3个状态的电影剪辑，以显示视觉反馈(如当它们被按下时，垫被点亮)。我已经在一台android平板电脑和一台支持windows7触屏的笔记本电脑上测试了这一设置。显然，windows7笔记本电脑功能更强大，响应速度也更快。
但反应不够迅速。我想知道我应该如何处理音频文件的加载，这些音频文件是以mp3格式存储在swf文件旁边的资产文件夹中的简短鼓包样本声音。有
浏览 2提问于2014-01-20得票数 0
> { }, );
<div className="a"> </div>};
用useCallback包装onChange我希望缓存函
浏览 1提问于2021-07-03得票数 0
当我单击按钮时，onClick触发正确的函数，运行一半，跳转到与它无关的其他函数，运行到其中的一半，跳回第一个函数，再次运行半个低谷，下降错误。Uncaught：_this.state.searchValue.toLowerCase不是函数
有趣的是，在使用toLowerCase()触发此函数之前，我单击其他按钮，没有错误。我不知道这里发生
浏览 0提问于2019-02-11得票数 0
回答已采纳
下面是编写ES6类方法的两个示例：class Test extends Component {为什么会这样呢？我猜答案将与this关键字有关，因为它对于类和上下文保持fat箭头<
浏览 2提问于2018-01-04得票数 2
回答已采纳
该按钮具有onClick和:hover CSS效果。加载按钮(及其包装内容)后，该按钮在第一次单击时不会执行任何操作。即使根元素在第一次单击时也不会注册任何内容。同样，无需做任何其他操作，只需在相同的位置再单击一次就可以按预期触发onClick。我看到的关于“第一次单击不起作用”的其他问题都是关于
浏览 3提问于2019-09-25得票数 9
回答已采纳
编写了我的鼓机代码，当我从鼓垫as中切换时，它使用鼠标完美地工作，但是在使用useEffect()钩子使它单独地对按键做出反应时，它们彼此杂乱。例如，当我从鼓踢转到钢琴时，我按下键盘，鼓踢按钮发出的声音和钢琴键一起演奏，反之亦然.请问我怎么解决这个问题？return <div key={i.value}>
<Button id
浏览 3提问于2022-08-17得票数 0
回答已采纳
const [state,setState]=useState(0)
<> <div onClick={setState(1)}></div当我们使用{onClick={()=>setState(1)}}时，代码可以工作，但是我想知道为什么在第一种情况下它不能工作。
浏览 14提问于2022-10-31得票数 1
为什么当我做this.setState({count:this.state.count*2})的时候它是工作的，但是当我做的时候：this.setState({count:this.state.countgetInitialState:function(){ }, this.setStateconsole.log(
浏览 9提问于2016-09-04得票数 47
回答已采纳
因此，我遇到了一些有趣的错误与反应onClick事件。所以如果我写这样的东西： this.setState({ authed: true })} return ( <Loginpage />
<button onClick={this.login}>test</button>
浏览 4提问于2020-04-12得票数 4
回答已采纳
1回答
我正在使用ReactJS构建一个简单的鼓机应用程序，并且需要一些帮助来理解如何在输出每个实例的状态时遍历组件的所有实例。
应用程序UI显示16列按钮，每列包含4个唯一的鼓行。在"DrumMachine.js“模块中，我输出了16次"SixteenthNote.js”来显示一段完整的音乐。当您单击一个鼓按钮时，该鼓的值被推入SixteenthNo
浏览 7提问于2019-03-26得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
云直播
对象存储
腾讯会议活动推荐
腾讯云开发者
