- iOS/Objective-C 元类和类别
- objective-c - -1001 错误,当 NSURLSession 通过 httpproxy 和/etc/hosts
- java - 使用网络类获取 url 地址
- ios - 推送通知中不播放声音
我有一个包含 3 个国家/地区的数组和一个用于过滤它们的文本输入。如果您在文本输入中键入内容,它应该根据国家名称检查您键入的内容,这应该返回与过滤文本匹配的新过滤国家/地区列表。它还应该在 Typed Text:
import React, { Component } from 'react'
import { View, Text, TextInput } from 'react-native'
import { observable, action } from 'mobx';
import { observer } from 'mobx-react/native'
@observer
export default class Country extends Component {
@observable filterTermValue;
@observable countriesList = [
{'slug': 'amsterdam', 'name': 'Amsterdam'},
{'slug': 'usa', 'name': 'United States'},
{'slug': 'vienna', 'name': 'Vienna'}
];
render() {
return (
<View>
<Text>Typed Text: {this.filterTermValue}</Text>
<TextInput placeholder="Start typing country"
value={this.filterTermValue}
onChange={this.onChangeFilterTerm} />
{this.countriesList.map(country =>
<View key={country.slug}>
<Text>{country.name}</Text>
</View>
)}
</View>
)
}
@action onChangeFilterTerm = (e) => {
this.filterTermValue = e.target.value;
this.countriesList.replace(this.countriesList.filter(el => el.name.toLowerCase().indexOf(this.filterTermValue.toLowerCase()) > -1));
}
}
这就是我的所有逻辑,但我无法让它发挥作用。唯一有效的是国家列表加载原始数组。一旦我开始输入输入,该值是未定义的并且从不打印,并且从不过滤列表。我还尝试了 async
操作和 runInAction
我什至尝试计算以返回过滤后的列表,但似乎无法让它工作。
在 mobX 中执行此操作的正确方法是什么?
最佳答案
我看到了一些可能的问题,所以我稍微改变了方法。
已更新 Working example .请注意,这在 react-native
中未经测试,但它应该可以工作。
@observer
class Country extends React.Component {
@observable filterTermValue = '';
@observable countriesList = [
{'slug': 'amsterdam', 'name': 'Amsterdam'},
{'slug': 'usa', 'name': 'United States'},
{'slug': 'vienna', 'name': 'Vienna'}
];
@computed get filtered() {
let filteredList = this.countriesList.filter(
t=>t.name.toLowerCase().indexOf(this.filterTermValue)>-1
);
if (filteredList.length)
return filteredList;
return this.countriesList;
}
render() {
return (
<div>
Term: <input placeholder="Start typing country"
onKeyUp={this.onChangeFilterTerm} />
{this.filtered.map(country =>
<div key={country.slug}>
<p>{country.name}</p>
</div>
)}
</div>
)
}
@action onChangeFilterTerm = value => {
this.filterTermValue = value.toLowerCase();
}
}
使用onChangeText
正确签名
jsx:
<input placeholder="Start typing country"
onKeyUp={this.onChangeFilterTerm} />
js:
@action onChangeFilterTerm = value => {
this.filterTermValue = value.toLowerCase();
}
使用mobx-react/native
如果还是不行,我会仔细检查一下:
不要:
import {observer} from 'mobx-react';
做:
import {observer} from 'mobx-react/native';
关于javascript - mobX - 过滤 react native 的国家?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37865454/
这个问题在这里已经有了答案: Where am I? - Get country (10 个答案) How can I get my Android device country code with
有办法检查吗?我有一个应用程序 URL,除非用户有英国应用商店,否则我不想打开该 URL。不幸的是,这个应用程序在许多国家/地区都可用,因此当我在链接上添加“gb”时,它会被重定向到用户的本地区域。
已结束。此问题正在寻求书籍、工具、软件库等的推荐。它不满足 Stack Overflow guidelines 。目前不接受答案。 我们不允许提出寻求书籍、工具、软件库等推荐的问题。您可以编辑问题,以
获取设备当前区域的最佳方法是什么?假设用户在德国并使用意大利语作为设备语言。如果我使用 Locale.getDefault(),那么国家和语言就会相互映射,即语言是it,国家是IT。我想要的是它和DE
有人可以给我一个示例或教程,其中显示国家及其代码的下拉列表我的代码显示错误的新西兰语言代码,它显示 mi-NZ 而不是 en-NZ ASP.NET protected void Page_Load(o
我是 Ajax 和 PHP 的新手,遇到动态下拉国家和州的问题。 虽然我已经检查了 stackOverflow 中的所有答案,但我无法清楚地了解我们应该如何成功地编写代码以获得所需的结果。 count
我一直在开发一个注册表单应用程序,其中使用了几个微调器小部件。微调器用于选择国家、州和城市。因此,这些微调器需要以某种方式相互连接(下面的代码将展示我如何尝试实现这一点)。 表单代码: fragmen
如果你去http://profile.microsoft.com并编辑您的个人信息,您将选择您的国家。选择国家/地区后,城市和/或州信息会根据该国家/地区的预期变化。有没有人有任何关于如何实现这一目标
我有一个带有经纬度坐标的 data.frame: df<-data.frame( lat=c(40, 30, 40.864), lon=c(0, 20, 1.274) )
我正在尝试在将与 django-allauth 一起使用的注册表中添加 django-countries。按照说明 https://github.com/SmileyChris/django-coun
嗨,我想为国家和州实现下拉列表。州下拉列表应根据所选国家/地区更改其值。 是否有任何插件或 gem 可以在 Rails 中执行此操作。 最佳答案 试试卡门插件: http://autonomousma
我的服务器上安装了基于PHP的Youtube克隆系统。 几个国家使用相同的系统。假设我有3个域都指向同一系统: www.site.hr www.site.ba www.site.rs 他们都重定向到一
在我的 Azure DNS 和域提供商中设置后,我想使用我的国家/地区域名 mydomain.id,但我仍然无法在应用服务中验证我的域。我已经仔细检查了所有内容,我认为我的设置已经正确。现在我想知道我
最近,我们开始遇到向网络应用程序的用户呈现过时的国家/地区列表的问题。 我们目前有一些数据库表来存储本地化的国家/地区名称及其地区(州)。然而,随着地球的发展,该列表在不断演变,并且事实证明维护起来很
This is the third iteration of this question as errors have been solved (在一些人的感激帮助下)。为了避免对到底发生了什么感到困
全部, 我们的应用程序需要有关 ISO 国家和货币的数据(其中数据必须是最新的)。我们确实从 ISO 自己购买了国家/货币数据,但是我们仍然需要对数据执行大量手动操作,以及编写我们自己的工具来读取数据
已结束。此问题正在寻求书籍、工具、软件库等的推荐。它不满足Stack Overflow guidelines 。目前不接受答案。 我们不允许提出寻求书籍、工具、软件库等推荐的问题。您可以编辑问题,以便
我想使用 PHP 和 jQuery 执行以下操作 https://www.careerbuilder.com/share/register.aspx?sc_cmp1=JS_LoginASPX_RegN
假设我们有一个包含所有国家/地区代码的代码列表。国家代码是 Countries 表的主键,它在数据库中的许多地方用作外键。在我的应用程序中,国家通常显示为多个表单的下拉列表。 一些过去曾经存在的国家不
我想根据语言环境获取当前日期/时间。如果我传递 locale 对象,我需要获取国家/地区的相关日期/时间。 最佳答案 从 Java 8 开始,您有 LocalDateTime 和 ZonedDateT
我是一名优秀的程序员,十分优秀!