在RN开发中,遇到显示一行文本,这个文本中,一部分需要变化一次,一部分需要变化多次,如何通过一个循环将其实现,代码如下:
import _ from 'lodash';
<View style={styles.itemContainerCol}>{this.listPointsItem()}</View>
async componentDidMount() {
const resultPoints: any = await DataAccess.getPoints();
this.setState({
showSpinner: false,
allScore: resultPoints.points,
listItems: resultPoints.history[0],
itemTitle: resultPoints.history[0].title,
subItemTitle: resultPoints.history[0].subtitle
});
}
listPointsItem = () => {
const listSub: any = [];
_.forEach(this.state.listItems.items, (item: any) => {
const title = this.state.itemTitle;
const subTitle = this.state.subItemTitle;
listSub.push(
<Text style={styles.itemHistoryPoint}>
{title}
{subTitle}
{item.value}
{item.label}
</Text>
);
});
return listSub;
};