草庐IT

Button组件,常用属性

全部标签

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 - 对象类型的 Flowtype 数组不允许额外的属性

我遇到了一个奇怪的流程错误。我只是想拥有一个接受具有amount属性的对象数组的函数,但在为对象提供更多属性时出现错误。constsum=(items:Array)=>{/*something*/}typeItem={amount:number,name:string};constlist:Array=[];sum(list);这给了我以下错误:10:constlist:Array=[];^property`name`.Propertynotfoundin2:constsum=(items:Array)=>{/*something*/}^objecttypehttps://flow.o

javascript - 将 Redux 状态传递给组件时的最佳实践

我正在与其他几个开发人员一起开发一个React+Redux项目,但我们无法就在何处传递状态和操作的最佳实践达成一致。我的方法是拥有一个“容器”或“提供者”组件,它是父组件,所有必需的状态和操作都映射到状态并向下传递到子组件,从而创建单一的真实来源。然而不利的一面是,您必须记住通过每个子组件向下传递操作和值,这可能很难遵循。另一种开发人员方法是在每个需要它的组件上,在堆栈中的任何位置使用mapStateToProps。因此,如果向下三层或四层的子组件需要特定状态,他将在该组件上使用mapStateToProps。他还会使用import关键字直接导入Action创建器,而不是将它们称为Pr

javascript - 无法绑定(bind)到 'disabled',因为它不是 '<button>' 的已知属性

我刚开始学习Angular,但遇到以下错误:无法绑定(bind)到“已禁用”,因为它不是的已知属性.在互联网上搜索我只是发现了类似的错误,但它们与未导入FormsModule这一事实有关,这似乎不是我的情况。app.components.tsimport{Component}from'@angular/core';@Component({selector:'app-root',templateUrl:'./app.component.html',styleUrls:['./app.component.css']})exportclassAppComponent{title='app';

javascript - 在 React 组件中使用 setInterval

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

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 - 无法读取未定义的属性 '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 - 组件上的异步等待已挂载

这是我的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 - 如何选择在其 id 属性中具有反斜杠的元素

在浏览官方文档时,我无法理解为了匹配第一个div,他们是如何写四个反斜杠(\)的,在我看来应该有两个反斜杠。我找不到有效的逻辑原因document.querySelector('#foo\\\\bar');//Itmatchesthefirstdiv 最佳答案 这是由于浏览器对id属性中的反斜杠进行了转义。所以会变成因此,为了选择元素,我们需要提供\\\\来选择元素。varelements=document.querySelector('#foo\\\\bar');console.log(elements);varelements=