为什么会导致.map登录到控制台，而不是实际视图

Question

出于某些原因，仅在下面的第一个静态 text 标记呈现到屏幕上，而没有以下地图功能中的任何内容：

<View style={styles.container}>
 <Text>Test for {this.props.active_test.name} - {this.props.active_question.text}</Text>
    {
        this.props.active_question.answers.map((a, i) => {
            <Text>{a.answer}</Text>
        })
     }
</View>

但是，用控制台日志替换 text 标签fine fine：

<View style={styles.container}>
 <Text>Test for {this.props.active_test.name} - {this.props.active_question.text}</Text>
    {
        this.props.active_question.answers.map((a, i) => {
            { console.log(a.answer) }
        })
     }
</View>

什么会导致这种行为？我尝试在文本包装器和视图中添加一个键，但什么都没有。

Answer 1

导致您返回任何东西。您可以通过

修复它

this.props.active_question.answers.map((a, i) => <Text>{a.answer}</Text>)

Answer 2

，由于用卷曲括号包裹的地图执行，因此需要返回它。或者，您无法包装块，并且它将自动返回。

做这个

        this.props.active_question.answers.map((a, i) => {
            return <Text>{a.answer}</Text>
        })

或此

        this.props.active_question.answers.map((a, i) => <Text>{a.answer}</Text>)