Javascript 在JSON中响应本机筛选器和搜索数据
我是新来的。现在我在学校作业中使用react native。 在使用react native之前,我使用了离子 我正在尝试过滤数据。数据是JSON格式的。 react native是否有离子型过滤器 参考号:否 离子指令过滤器在for循环之前也会进行过滤逻辑。因此,您可以在渲染之前自己执行 使用ES6过滤器功能或其他UTIL e、 g.显示奇数Javascript 在JSON中响应本机筛选器和搜索数据,javascript,angularjs,react-native,filtering,Javascript,Angularjs,React Native,Filtering,我是新来的。现在我在学校作业中使用react native。 在使用react native之前,我使用了离子 我正在尝试过滤数据。数据是JSON格式的。 react native是否有离子型过滤器 参考号:否 离子指令过滤器在for循环之前也会进行过滤逻辑。因此,您可以在渲染之前自己执行 使用ES6过滤器功能或其他UTIL e、 g.显示奇数 render() { return( <View> {[1, 2, 3, 4, 5]
render() {
return(
<View>
{[1, 2, 3, 4, 5]
.filter(value => value % 2 === 1)
.map(value => (<Text key={value}>{value}</Text>))}
</View>
);
}
更进一步,您可以创建具有筛选器属性的组件,并实现自定义逻辑。然后你可以像爱奥尼亚一样使用它
e、 g
}
使用它
<FilterNumbers numbers={[1, 2, 3, 4, 5]} filter={value => value % 2 === 1}/>
附言
我使用带有数字的数组进行简单演示。您可以使用带有JSON的数组和调整逻辑来适应它。
最好使用它来显示可编辑的数据。
你试过什么吗?是的,我用谷歌搜索过。但我需要插件或其他东西。因此,我可以动态筛选并使用其他函数。
<FilterNumbers numbers={[1, 2, 3, 4, 5]} filter={value => value % 2 === 1}/>