不。
离子指令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}/>
聚苯乙烯
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句