jjzjj

react-hooks

全部标签

javascript - (React js) 音频 src 在 setState 上更新,但音频播放没有改变

我正在尝试使用React构建一个迷你2轨音频播放器。音频由一个html音频元素集中控制,该元素在子组件内有一个轨道列表。可以看到(尚未设置样式的)播放器here.我可以在React开发工具中得知,单击各个音轨选择按钮确实会更新音频元素的src(感谢此处成员的帮助),但是,播放的音频不会改变。我已经在下面发布了应用程序代码。是否可以通过这种方式更新状态来改变正在播放的音频?非常感谢您的帮助。varTRACKLIST=[{id:1,name:"songa",source:"./audio/test.m4a"},{id:2,name:"songb",source:"https://s3-us

javascript - React-Native:如何增加文本和下划线之间的空间

我遵循的风格:conststyles=StyleSheet.create({title:{textDecorationLine:'underline',textDecorationStyle:'solid',textDecorationColor:'#000'}});它为我的内容在一些文本组件中创建了下划线。不过这个下划线好像和用它装饰的文字太近了。我可以通过某种方式增加这个距离吗?谢谢你的帮助! 最佳答案 将您的Text包裹在一个View中,该View的样式包含borderBottomWidth:1或您想要的任何厚度。为您的Tex

javascript - Reactjs react 谷歌地图未定义

我正在使用react-google-maps包https://github.com/tomchentw/react-google-maps和https://www.npmjs.com/package/react-google-maps.我有一条错误消息:./src/App.jsLine31:'google'isnotdefinedno-undefLine32:'google'isnotdefinedno-undefLine37:'google'isnotdefinedno-undefLine42:'google'isnotdefinedno-undefLine44:'google'is

javascript - Angular 2 - 延迟加载模块的生命周期 Hook

我正在使用延迟加载的Angular模块开发应用程序。我有一个简单的问题:是否可以在加载模块时捕获事件?例如OnInit。此链接解释了生命周期Hook,但它仅适用于组件:Lifecyclehooksforcomponents我找不到任何说明如何挂接模块的文档。有人知道如何解决这个问题吗?谢谢 最佳答案 延迟加载模块的构造函数应该这样做@NgModule({...})exportclassMyLazyModule{constructor(/*serviceinjectionhereifrequired*/){console.log('l

javascript - 如何使用嵌套路由向页面添加内容而不用 react-router-v4 删除先前路由的内容?

我正在使用react-router-v4官方文档中提供的边栏示例作为灵感https://reacttraining.com/react-router/web/example/sidebar1-所以我的应用程序的初始URL将是:localhost:3000/search-page/Lists2-我有一个可点击链接列表,点击后会在边栏上显示点击数据,发生这种情况时,URL会更新:localhost:3000/search-page/Lists/itemList1selected3-然后我按下“显示列表编号2”按钮以显示新列表4-我的目标是使用嵌套路由,当我单击“列表编号2”中的链接时。它会

javascript - 在 React 组件的渲染函数中使用变量

我正在学习React并且遇到一个疑问,有两段代码在不同的地方声明了组件中render方法使用的变量,我的疑问是为什么一个有效而另一个不有效。importReactfrom'react';importReactDOMfrom'reactDOM';constmyVar='hello';classmyComponentextendsReact.Component{render(){return{myVar};}}ReactDOM(,document.getElementById('app'));这有效,意味着我可以在渲染方法中访问全局变量。但以这种情况为例,这是行不通的importReact

javascript - 当我在 React 应用程序上执行 npm start 时,不断收到 "? Something is already running on port 3000"

当我启动我的react服务器时,我的终端中不断收到“?端口3000上已经有东西正在运行”消息,而我的端口3000上绝对没有任何东西正在运行我试图解决的问题:重新启动macOS。在chrome浏览器上检查我的“http://localhost:3000”。(无:无法访问此站点)转到chrome://serviceworker-internals和chrome://appcache-internals,搜索localhost:3000(未找到)我还尝试了几乎所有在Google上找到的与此问题相关的命令行我还创建了另一个express.js应用程序,它在端口3000上成功启动,而React说

javascript - react : Understanding import statement

这两个语句有什么区别importReactfrom'react';和importReact,{Component}from'react';不应该importReactfrom'react'导入包括内容在内的所有内容吗?我应该阅读什么来理解这一点? 最佳答案 你可以阅读这个here.导入不带大括号的内容会导入您要从中导入的模块中定义为默认导出的内容。一个模块中只能有一个(或没有)默认导出。foo.js:constmyObject={foo:'bar'};exportdefaultmyObject;bar.js:importtheObj

javascript - 是否可以使用公用文件夹中的 create-react-app 提供静态文件?

基本上,我为客户制作了一个(相对)简单的应用程序。该应用程序运行正常,但他们一直要求更改数据。考虑到该应用最初预期的简单性以及它保存静态数据的事实,我没有将它链接到任何后端。所有数据都保存在一个本地静态文件中,该文件中有一个保存数据的对象。问题是fle被捆绑到buld中,所以如果我只想更改一些静态数据而不必重新构建,我做不到!我的数据文件可以在公用文件夹中访问Assets,这些Assets工作正常。我试图用js文件实现相同的想法。我无法从/src文件夹之外导入。有没有一种方法可以访问以某种方式在构建时添加的静态文件夹中的静态数据? 最佳答案

javascript - 将 hoist-non-react-statics 与 withRouter 一起使用

如何使用hoist-non-react-statics和withRouter我在Feedback组件中添加了一个静态方法。这是我的原始代码。我正在尝试使用ContextAPI中的新更改(reactv16.6)Feedback.contextType=AppContext;exportdefaultwithRouter(Feedback);这工作正常,但我在控制台中收到以下警告。Warning:withRouter(Feedback):FunctioncomponentsdonotsupportcontextType.因此,为了修复警告,我使用了Danhere提出的方法.它在react中