Javascript 仅允许在React原生平面列表中选择一个项目

我目前正在设计一个应用程序，要求从给定的列表中挑选一名教师。然而，我目前还不知道如何只允许用户从给定的平面列表中选择一个项目，如果用户选择列表中的另一个项目，它将取消选择之前的选择。该应用程序使用React Native的FlatList组件，关注的主要功能是TeacherList组件，我非常感谢任何解决方案

function ListTeacher( {id, name, selected, onSelect} ) {
  return (
    <View style={styles.item}>
      <TouchableOpacity
      style={styles.teacherName}
      onPress={() => onSelect(id)}
      >
        <Text style={[styles.teacherName, { color: selected ? '#44B0F2' : (theme == 'dark' ? 'white' : 'black') }]}> {name} </Text>
      </TouchableOpacity>
    </View>
  );
}


const TeacherList = (props) => {
  const [selected, setSelected] = React.useState(new Map());

  const onSelect = React.useCallback(
    id => {
      const newSelected = new Map(selected);

      newSelected.set(id, !selected.get(id));

      setSelected(newSelected);
    },
    [selected],
  );

  return (
    <View style={styles.container}>
      <FlatList
        data={teachers}
        keyboardShouldPersistTaps={'handled'}
        renderItem={({ item }) => (
          <ListTeacher
            id={item.id}
            name={item.name}
            selected={!!selected.get(item.id)}
            onSelect={onSelect}
          />
        )}
        keyExtractor={item => item.id}
        extraData={selected}
      />
    </View>
  );
}```

函数ListTeacher（{id，name，selected，onSelect}）{
返回(
onSelect（id）}
>
{name}
);
}
常量教师列表=（道具）=>{
const[selected，setSelected]=React.useState（newmap（））；
const onSelect=React.useCallback(
id=>{
const newSelected=新地图（已选定）；
newSelected.set（id，！selected.get（id））；
当选（新当选）；
},
[选定]，
);
返回(
(
)}
keyExtractor={item=>item.id}
外部数据={selected}
/>
);
}```

您不需要

新建映射（）

在这种情况下，您只需将用户选择存储在变量中即可。比如说

const [selected, setSelected] = React.useState(null);
const onSelect = (id) => {
 setSelected(id);
}
<ListTeacher
        id={item.id}
        name={item.name}
        selected={item.id === selected}
        onSelect={onSelect}
 />

const[selected，setSelected]=React.useState（null）；
const onSelect=（id）=>{
（id）；
}

嘿，这是一个很棒的简单想法，非常感谢！