React native 无法呈现一组（列表）文本

我有一个非常简单的React原生Android应用程序，如下所示。基本上，我有一个状态中两个待办事项的列表，我希望将它们作为连续元素呈现：

export default class App extends React.Component {

    constructor() {
        super();

        this.state = {
            todos: [
                { id: 1, text: 'First todo' },
                { id: 2, text: 'Second todo' }
            ]
        };
    }

    render() {
        const items = this.state.todos.map((item) => {
            <Text>{item.text}</Text>
        });

        console.log(items);
        console.log(this.state.todos);

        return (
            <View>
                <Text>Total todos: {this.state.todos.length}</Text>
                {items}
            </View>
        );
    }
}

换句话说，{items}元素是一个包含未定义的数组，我不知道为什么，因此，当应用程序运行时，我看到的是：

待办事项总数：2

---

为什么状态中的两个TODO没有被渲染？

只需在映射中添加一个return语句，它就可以做到这一点-

const items = this.state.todos.map((item) => {
        return <Text>{item.text}</Text>
    });

const items = this.state.todos.map((item) => {
        return <Text>{item.text}</Text>
    });