javascript - 数组映射在 react native View 中不起作用。文本字符串必须在 <Text> 组件内呈现

Question

我已经在这段代码上苦苦挣扎了一段时间了。我尝试使用数组映射在 react native View 中显示内容，但不断抛出我已经处理过的错误。

function AppSlim() {
  //const todos = useSelector(state=>state.TodoList).list; 
  const todos = ['Hello', 'Michael']
  console.log('slim todos',todos);
  return (
    <View style={styles.container}>
      
      <MyBtn />
      <MyModal />
      <View>
        {/* {alert("hi")} */}
        {console.log('todos',todos)}
        {todos.map((item)=>(<Text key={item}>{item}</Text>))};
        {/* <Text>Hi</Text>
        <Text>Mike</Text> */}
        
      </View>
    </View>
  );
}

我已经与这个问题作斗争很长一段时间了，但我看不出我的代码有什么问题。我收到错误:

Text strings must be rendered within a <Text> component.

请问我缺少什么？

Answer 1

由于右大括号后面的分号而发生错误。该应用程序尝试渲染 ;作为文本，但缺少 <Text>它的组件。

更改此:

{todos.map((item)=>(<Text key={item}>{item}</Text>))};

致:

{todos.map((item)=>(<Text key={item}>{item}</Text>))}

演示:

https://snack.expo.io/rJw5K8oL8