在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;
    };