【问题标题】:React Native .map function not returning a View or TextReact Native .map 函数不返回视图或文本
【发布时间】:2021-05-26 00:16:42
【问题描述】:

我正在用 React Native 编写一个地图函数,无论我尝试了什么,我都无法让它返回视图或文本。第 132 行的 console.log 返回有效数据,所以我知道它进入了 map 函数,但它没有返回视图。我试过了:

  • state.map((stock, i) => {})
  • state.map((stock, i) => ())
  • state.map((stock,i) =>

我尝试过使用和不使用 return(),但它什么也没显示。

<ScrollView>
    <Text style={styles.whitetext}>Hello...</Text>
    {state.map((stock, i) => {
        console.log(stock)       
        return (
           <View key={i}>
               <Text style={styles.whitetext} key={i}>test {stock.symbol}</Text>
           </View>
        )
     })}
</ScrollView>

The console.log returning a value
The displayed screen

任何帮助将不胜感激!谢谢。

【问题讨论】:

  • 如果您删除返回中的&lt;View&gt; 会发生什么?
  • View 被导入了吗?

标签: react-native dictionary


【解决方案1】:
{state.map((stock, i) => (
 <View key={i}>
               <Text style={styles.whitetext} key={i}>test {stock.symbol}</Text>
           </View>
))}

【讨论】:

  • 一些额外的解释将有助于进一步理解这个问题。
【解决方案2】:

事实证明,我的 useEffect 中的一个依赖项导致我的视​​图多次重新渲染(即使此处映射的状态常量仍然保留了详细信息)并通过删除它来正确渲染。谢谢你们的帮助!

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2017-03-20
    • 2019-08-03
    • 2021-09-05
    • 2017-10-26
    • 2021-03-26
    • 1970-01-01
    • 1970-01-01
    • 2017-12-25
    相关资源
    最近更新 更多