草庐IT

react-css-modules

全部标签

javascript - React - 按对象属性过滤

我正在尝试按属性过滤对象,但无法正常工作。对象中的数据结构如下:我正在通过UID获取数据,然后映射该对象的所有项目,但我无法使过滤器工作。渲染方法如下所示:render(){return({Object.keys(this.state.dataGoal).filter(key=>key.main==true).map((key,index)=>{return{this.state.dataGoal[key].name}{this.state.dataGoal[key].main}})}知道我做错了什么吗?感谢您的帮助,雅各布 最佳答案

javascript - react 。 child 作为 Prop

我知道如何将child传递给React组件:OpenThisWonderfulLink但是我可以这样使用吗:有效,但这正常吗?我可以每次都使用这种方式吗?附言抱歉我的英语不好..) 最佳答案 是的,children就像任何其他prop一样,可以用作prop来渲染子组件,而不是将子组件嵌套在相应的元素 关于javascript-react。child作为Prop,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.

javascript - TS1148 ~ 如何使用 --module : "import" and typescript 2. x "none"

我目前正在使用一些旧版JavaScript开发一个项目。该应用程序不包含模块加载器,它只是将所有内容作为全局变量放入window对象中。遗憾的是,接触遗留代码并包含模块加载器对我来说不是一个可行的选择。我想在我自己的代码中使用typescript。我设置了typescript编译器选项module:"none"在我的tsconfig.json中,我只使用命名空间来组织我自己的代码。到目前为止效果很好。..到现在为止:import*asRxfrom'rxjs';..Rx.Observable.from(['foo',bar']);...//ResultsinTypeScript-Erro

javascript - 是否可以使用图像或 CSS 渐变来填充 Google map 中的水域?

我目前正在从事某个元素,需要将下一个设计实现到Googlemap。我没有在谷歌地图样式引用中找到任何线索来回答这个问题-https://developers.google.com/maps/documentation/javascript/style-reference所以,我想知道-是否有可能(仅使用API)?或者需要一些技巧?例如,我考虑过让水域透明并将虚线图像放在map后面。提前致谢! 最佳答案 在这个回答中,我将讨论关闭map上水几何体的可见性并设置map背后的背景颜色。首先,如前一个答案所述,您必须关闭map的可见性。您可

javascript - React-router v4 页面刷新不起作用

我可能遗漏了历史记录或其他内容,但是当我刷新子路径(例如/login)或我得到的任何其他路径上的页面时:403禁止访问代码:拒绝访问消息:拒绝访问RequestId:075CAA73BDC6F1B9HostId:O1n36xVCoeu/aLaSMrtCkAFZruWk5ZcO4RIrznEhvUxdu8lFEhL0XcKw2L4W4J7VYYet+HDv8tc=请记住,只要我不刷新,路由就可以正常工作。假设我转到/(主页)。在它上面,我有一个hyperlink映射到我的react-router路由中的路径/login。我单击超链接,它工作正常,根据我的react-router路由在re

javascript - 在 React 组件中使用 setInterval

我正在阅读React官方网站上的教程。在生命周期方法的例子中,在componentDidMount方法下,给setInterval函数设置了一个timerID。我的问题是,即使timerID已初始化,但它从未在整个应用程序中被调用,应用程序如何在不在应用程序的任何地方显式调用timerID的情况下工作。这是下面的代码。classClockextendsReact.Component{constructor(props){super(props);this.state={date:newDate()};}componentDidMount(){this.timerID=setInterv

javascript - react 导航导航标题顶部的绝对位置

我正在制作加载屏幕并将其设置为绝对定位整个屏幕。但是,当使用react-navigation时,它似乎没有覆盖标题。有没有办法将我的组件放在导航库的header组件之上?当您使用react-navigation时,您可以为该屏幕配置标题。通常,当您导航到一个屏幕时,您在该屏幕中呈现的任何代码都会自动放置在导航标题下方。但是,我希望我的组件占据整个屏幕并覆盖标题。我想保留标题,但我想用不透明度覆盖它。这可能吗?constnavigationOptions={title:"SomeTitle",};constNavigator=StackNavigator({First:{screen:S

javascript - react native 推送通知声音

我正在尝试向我的本地推送通知添加声音。我正在使用RN0.45.1和reactnative推送通知3.0.0我设法在iOS和Android中使用默认声音安排通知。我没有设法添加自定义声音。我有mp3类型的声音文件。我尝试了以下方法:将文件放在我的项目文件夹中:'/src/assests/sounds/sound.mps'(我项目中的一个文件夹)比:importnotificationSoundfrom'../src/assests/sounds/sound.mps';PushNotification.localNotificationSchedule({message:'Testmess

javascript - react 路由器 : access history in rendered Route component

我知道有很多关于此的问题,但我似乎无法让它工作:我需要从通过路由呈现的子组件访问“历史记录”。(它从redux容器接收Prop)。我需要将历史对象传递给在每个路由中呈现的组件,这样我就可以this.props.history.push('/route')在子组件中。这个应用程序以前不太动态,所以每个Route都用component={someComponent}硬编码;但我发现在动态执行路由时,您需要使用render={()=>}.从component={}更改路线后至render={()=>...}我在子组件中丢失了历史记录。我的代码是这样的:importReact,{Compone

javascript - import {module} 和 import module 的区别

这个问题在这里已经有了答案:`exportconst`vs.`exportdefault`inES6(6个答案)usingbracketswithjavascriptimportsyntax(2个答案)WhenshouldIusecurlybracesforES6import?(11个答案)关闭5年前。我看到了以下两种从ES6中的另一个模块导入代码的变体:import{module}from"./Module"和importmodulefrom"./Module"其中module是文件中定义的ES6类Module.js这两个导入语句有什么区别?