草庐IT

react组件实例属性props

全部标签

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 - 按属性使用 ramda 组并对指定属性求和结果

我需要帮助使用ramda转换对象数组;我愿意按指定属性分组对另一个属性求和结果集给定一个这样的数组:vararr=[{title:"scotty",age:22,score:54,hobby:"debugging"},{title:"scotty",age:22,score:19,hobby:"debugging"},{title:"gabriel",age:40,score:1000}];如果我想按title分组并按age求和,它应该返回以下值摘要vararr=[{title:"scotty",age:44,hobby:"debugging",},{title:"gabriel",a

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

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

javascript - React Redux - 在辅助函数中访问现有商店

我试图在React组件之外获取商店实例(商店状态),即在单独的辅助函数中。我有我的reducer,我的Action,我在最上面的组件中创建了一个商店。//configStore.jsimport{createStore}from'redux';importgeneralReducersfrom'../reducers/generalReducers';exportdefaultfunctionconfigStore(initialState){returncreateStore(generalReducers,initialState);}//index.jsimport{Provid

javascript - 无法读取未定义的属性 'create' -- react 日期错误

从“react-dates”库添加SingleDatePicker时,出现此错误。尝试了一切,但找不到错误。该代码仅用于显示日历并显示用户选择的日期。请帮忙!这是代码:importReactfrom'react';importmomentfrom'moment';import{SingleDatePicker}from'react-dates';import'react-dates/lib/css/_datepicker.css';exportdefaultclassExpenseFormextendsReact.Component{state={createdAt:moment(),

javascript - 在 javascript 中处理同一属性的多次赋值的最佳方法

情况是这样的:user.username=body.username;user.name=body.name;user.surname=body.surname;user.email=body.email;user.password=body.password;user.privilege=body.privilege;user.pin=body.pin;user.rfidTag=body.rfidTag;我以这种方式修改它并且它按预期工作:for(letproptinbody){user[propt]=body[propt];}我想知道是否有更优雅的方式来写这个,也许是有属性检查的东

javascript - 如何在点击 react 时为唯一的一个元素切换类

我正在尝试在React中制作一组翻转的卡片。你可以在下面看到我的代码。当我点击卡片时,它们都会翻转,但我的目标是只翻转我点击的那些。我该怎么做?这是我的卡片组件:importReactfrom'react';exportdefaultclassCardextendsReact.Component{render(){letclassName=this.props.condition?'card-componentflipped':'card-component';return();}}这是我的Deck组件:importReactfrom'react';importCardfrom'./C

javascript - 组件上的异步等待已挂载

这是我的componentDidMount方法。我想设置当前用户的状态,然后在设置该用户时调用该函数。我该怎么做?componentDidMount=()=>{firebase.auth().onAuthStateChanged((user)=>{if(user){this.setState({user:user})}});this.props.retrieveMatches(this.state.user.uid)}我试过使用async/await但我在这里没有正确使用它:asynccomponentDidMount=()=>{awaitfirebase.auth().onAuthS

javascript - 在 React 中使用 Buttons 触发 react-table 上的过滤功能

我不知道怎么说。我正在学习React,我通过获取将数据加载到React-Table中。我尝试使用React-Table并仅自定义普通div和表格。我想创建一个A、B、C、D...Z字母表的触摸按钮。这些按钮应该为按钮中的字母调用过滤器。因此,例如按钮如下。//InDirectory.jsclassFilterButtonsextendsReact.Component{alphaFilter(e){console.log(e.target.id);//somehowfilterthereacttable}render(){return(ABC);}}constBottomMenu=pro

javascript - 警告 : React. createElement : type is invalid -- bundle. js

我正在学习ReactJS的教程,一切都很好,几天来我可以运行一个示例,简单,执行推荐的基本配置,加上我添加的一些附加组件以识别Javascript版本.经过几天不再审查项目,但它运行正常,执行命令时,我没有看到任何错误,但在浏览器中没有显示任何内容,仅在控制台中出现多个错误一个。reac和react-dom卸载重装,问题依旧,尝试从friendclone一个新项目,正常,只是复制了我的相同结构。问题Warning:React.createElement:typeisinvalid--expectedastring(forbuilt-incomponents)oraclass/funct