草庐IT

react-dates

全部标签

javascript - 在自定义格式的 Javascript 中解析 'Date & Time' 字符串

我必须解析格式为“2015-01-1622:15:00”的日期和时间字符串。我想将其解析为JavaScript日期对象。有什么帮助吗?我尝试了一些jquery插件,moment.js、date.js、xdate.js。仍然没有运气。 最佳答案 借助moment.js,您可以使用String+Formatconstructor创建一个矩对象:varmomentDate=moment('2015-01-1622:15:00','YYYY-MM-DDHH:mm:ss');然后,您可以使用toDate()method将其转换为JavaScr

javascript - 如何在功能组件 [React] 中设置 displayName

我知道有时需要设置displayName,尤其是在处理生产构建时。我想知道如何使用我的功能组件进行设置-是否可能/允许?这是我的类组件中的内容:constMyComponent=React.createClass({displayName:'HeyHey',render:function(){console.log(this.displayName);}});如何在无状态组件中做同样的事情? 最佳答案 displayName的文档说ThedisplayNamestringisusedindebuggingmessages.Usual

javascript - 如何在 React Native 的 MapView 中设置标记

我想在ReactNative中的MapView上设置一个标记,但是通过MapView的官方文档没有找到任何信息。.如果不允许这样做,我如何使用现有的react模块,例如react-googlemaps在ReactNative中? 最佳答案 谢谢@naoufal。最后,我能够在map上显示标记以响应nativeIOS。对于map和容器样式,我使用了以下样式:varstyles=StyleSheet.create({container:{flex:1,justifyContent:'center',alignItems:'center'

javascript - 更新项目数组中的单个值 | react 减少

我有一个待办事项列表,如果用户点击“完成”,我想将数组中该项目的状态设置为“完成”。这是我的操作:exportfunctioncompleteTodo(id){return{type:"COMPLETE_TASK",completed:true,id}}这是我的reducer:case"COMPLETE_TASK":{return{...state,todos:[{completed:action.completed}]}}我遇到的问题是新状态不再有与所选项目上的待办事项关联的文本,并且ID也不再存在。这是因为我正在覆盖状态并忽略以前的属性吗?我的对象项目加载看起来像这样:Object

javascript - 如何使用 setState 插入 React 的状态数组?

我希望在特定索引上修改和排列react并插入元素。这是我的状态:this.state={arr:['','','','']}我想做的是编译这个arr[index]='randomelement'来响应jssetState语法。我试图做的是:this.setState({arr[index]:'randomelement'})但是失败了,你! 最佳答案 使用slice()克隆当前状态。通过这样做,原始状态在setState()之前保持不受影响。克隆后,对克隆的数组进行操作并将其设置为状态。先前的答案将改变状态。阅读有关此内容的信息he

javascript - react 门户 : host multiple inside same domNode parent?

React最近添加了Portal功能,有效地剥离虚拟DOM的子树并将其放置在物理DOM中的其他位置。render(){//Reactdoes*not*createanewdiv.Itrendersthechildreninto`domNode`.//`domNode`isanyvalidDOMnode,regardlessofitslocationintheDOM.returnReactDOM.createPortal(this.props.children,domNode,);}文档不清楚是否每个门户都必须存在于自己的domNode中。注意:截至2017年2月11日的当前实现确实允许

javascript - 测试 React 中的点击事件是否会更新 HTML

我已经对使用Mocha显示表格的React组件进行了一些测试。我可以断言它的初始状态,但我有一个点击事件,它对我想要测试的数据进行排序。如果我使用React.addons.TestUtils.Simulate.click(theComponent)来尝试测试排序。我可以看到事件已处理,状态改变被触发在调用setState之前对数据进行排序但是当我对组件进行断言时,什么都没有改变。it('sortsthedatawhentheyearheaderisclicked',function(){varReact=require('react/addons');varTestUtils=Reac

javascript - 根据 React 中的状态缓存计算值的惯用方法?

React文档说Don'tworryaboutprecomputingvaluesbasedonstate—it'seasiertoensurethatyourUIisconsistentifyoudoallcomputationwithinrender().http://facebook.github.io/react/docs/interactivity-and-dynamic-uis.html当计算量很小时,这非常有意义。但我将大量大型数组存储在this.state中,用于我在SVG上呈现的数据可视化。我必须根据这些计算几个值。问题是这些计算相当繁重,不可能始终在渲染中计算它们。

javascript - 在 React.js 中加载异步数据时防止 UI 闪烁

我在IndexedDB中有一些数据,只能异步访问。我想使用该数据构建一个React.jsUI。总体思路是,我将有多个React组件从IndexedDB加载数据并显示一些基于该数据的UI,用户将能够在当前显示的组件之间切换。我担心的是,我不知道如何在没有一些多余的UI闪烁的情况下优雅地完成此操作。我可以在componentDidMount中进行异步数据加载,并将数据放入this.state,但是render会在完成之前被调用,强制在检索来自IndexedDB的数据时,我要么不显示任何内容,要么只显示一些占位符数据一小部分。我宁愿在我从IndexedDB加载数据之前不render。我知道加

javascript - React-native 以编程方式滚动多行 TextInput

我想知道如何使用multiline参数在TextInput中向下滚动?我看到了onContentSizeChange函数,但没有看到任何以编程方式使用内部滚动的选项。这里有一个exposnack可以玩(以目前的情况)https://snack.expo.io/S1Gpa3pRb重点是我试图在新的一行上向下滚动TextInput。(p.s我在android上工作,我也有一个autoGrow选项但我想在某个点限制它(这部分很容易制作)但是在它达到限制后我得到与expo显示相同的react,TextInput不会向下滚动。)谢谢! 最佳答案