草庐IT

react-Native

全部标签

javascript - 语义 react ui 弹出关闭按钮

我正在使用semantic-react-ui的Popup组件,我想知道如何在不使用jquery的情况下通过单击弹出窗口内的按钮来触发关闭弹出窗口事件。谢谢 最佳答案 根据docs,你必须创建一个受控的Popup。创建一个嵌套Popup组件的组件,并在其中维护一个状态:classControlledPopupextendsReact.Component{constructor(){super();this.state={isOpen:false};//statetocontrolthestateofpopup}handleOpen=(

javascript - 如何使用 react-google-maps 通过点击在 map 上添加标记?

我正在努力寻找一个非常简单的示例,说明当用户在基于组件的React-google-maps中左键单击map时如何向Googlemap添加标记。需要帮助。constMap=withScriptjs(withGoogleMap((props)=>{props.isMarkerShown&&}))exportdefaultclassMapContainerextendsReact.Component{constructor(props){super(props)this.state={}}render(){return(}containerElement={}mapElement={}pla

javascript - 排序 react native FlatList

如何按字母顺序对FlatList进行排序?exportdefaultfunctionPartnersList(props){const{partners,onPartnerDetails}=props;return((... 最佳答案 排序partners就可以了:exportdefaultfunctionPartnersList(props){const{partners,onPartnerDetails}=props;return(a.localeCompare(b))}renderItem={({item})=>(...如果p

javascript - React ES6 父子组件状态问题

我是React的新手,正在尝试基于react-starter-kit构建一个简单的ToDo应用程序。我正在使用ES6类,但无法找到从子组件更新父状态的方法。代码如下:importReact,{PropTypes,Component}from'react';importwithStylesfrom'../../decorators/withStyles';importstylesfrom'./ToDoPage.less';@withStyles(styles)classToDoPageextendsComponent{staticcontextTypes={onSetTitle:Prop

javascript - "type"是什么意思,在 ECMA 6 中问号有特殊用途吗?

在ReactNative示例代码中,您会发现atsomefilestype语句,它封装了4个属性(我想猜),其中最后两个属性以问号作为后缀。typeMapRegion={latitude:number,longitude:number,latitudeDelta?:number,^============Whatarethese...longitudeDelta?:number,};^===========...questionmarksfor?这一切意味着什么?在ECMAScript6规范中,我找不到任何关于“类型”的信息。 最佳答案

javascript - 为什么 fetch 会返回一个奇怪的整数散列?

我在ReactNative中使用fetchAPI。如果状态>=400,我的响应遵循{"message":"errorhere"}的正常格式,我将在native弹出窗口中显示。我试图在检测到故障后调用response.json(),但它总是以一种奇怪的格式放置所有内容...{_45:0,_81:0,_65:null,_54:null}无论出于何种原因...我想要的实际响应位于_65...我不知道这些随secret钥是什么。所以目前我必须通过_bodyText访问它,但我认为这是错误的,因为它是一个私有(private)下划线方法。我做错了什么?varAPI=(function(){var

javascript - 在 React 组件中哪里应用我的 moment() 函数?

我正在尝试做一个时钟组件,只是为了在网页中以本地格式提供日期和时间。我在我的webpack环境中使用命令行npmimoment--save导入了MomentJS。接下来,我将其写入我的Clock.jsx组件(主要基于网站上的React示例)。importReactfrom'react';importMomentfrom'moment';exportdefaultclassClockextendsReact.Component{constructor(props){super(props);this.state={dateTimestamp:Date.now()};}tick=()=>{

javascript - react native : How to pass props to 'routeMapper' of 'Navigator.NavigationBar' ?

我在使用ReactNative0.16(Android)时遇到了麻烦。问题是如何将属性传递给属于的Navigator.NavigationBar的routeMapper。组件。我的代码结构如下classMyAppextendsComponent{...staticNavigationBarRouteMapper={LeftButton(route,navigator,index,navState){//###Iwanttocall'functionABC'here.WhatShouldIdo?},RightButton(route,navigator,index,navState){/

javascript - 在 React 事件中使用 debouncer

我有一个需要去抖动的字段的onchange事件,我为此使用下划线,但是当我使用去抖动器时,传递给React处理程序的事件似乎是过时了。WebsiteLinkuriChangeHandler(event){event.preventDefault();leturiField=$(event.target);leturi=uriField.val();this.setState({itemCreateError:null,loading:true});this.loadUriMetaData(uri,uriField);}我收到这个错误:警告:出于性能原因,此合成事件被重用。如果您看到这一

javascript - 带有 React 组件的装饰器

我对能够使用@myDecorator语法(使用babel)感到非常兴奋。我正在尝试装饰生命周期函数之一,特别是componentWillMount,并检查装饰器中组件的props和context。但是,我似乎无法访问props或context。我不确定这是否是一种反模式,或者我只是在做这个错误。小例子://TestComponent.jsximportcheckPropsfrom'checkProps.js';classTestComponentextendsReact.Component{@checkPropscomponentWillMount(){//Dosomething.}r