react-native过滤器和JSON搜索数据

不。

离子指令filter也可以做过滤逻辑for loop。因此您可以在渲染之前自己动手做。

使用ES6过滤器功能或其他实用程序。

例如显示奇数

render() {
    return(
        <View>
            {[1, 2, 3, 4, 5]
                .filter(value => value % 2 === 1)
                .map(value => (<Text key={value}>{value}</Text>))}
        </View>
    );
}

更进一步，您可以创建具有filter属性的组件，并实现自定义逻辑。那么您可以像Ionic一样使用它。

例如

class FilterNumbers extends Component {

static propTypes = {
    numbers: PropTypes.array.isRequired,
    filter: PropTypes.func,
};

static defaultProps = {
    filter: null,
    numbers: [],
};

render() {
    var filteredNumbers = this.props.numbers;
    if (this.props.filter) {
        filteredNumbers = this.props.numbers.filter(this.props.filter);
    }

    return (
        <View>
            {filteredNumbers.map(value => (<Text key={value}>{value}</Text>))}
        </View>);
};

}

用它

<FilterNumbers numbers={[1, 2, 3, 4, 5]} filter={value => value % 2 === 1}/>

聚苯乙烯

• 我使用带有数字的Array进行简单演示。您可以将Array与JSON和调整逻辑配合使用。
• 最好使用ListView显示可迭代的数据。