javascript - 为什么会导致 .map 记录到控制台而不是实际 View

Question

出于某些原因，在下面的 map 函数中，只有第一个静态 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 标记替换为控制台日志可以很好地记录:

<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>

什么会导致这种行为？我已经尝试向 Text wrapper 和 View 添加一个键，但仍然没有。

Answer 1

因为您没有退回任何东西。您可以通过以下方式修复它

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