javascript - 在一组复选框中选择特定的复选框
问题描述
我有来自的数据getTasks()
并将其存储在tasks
我为每个任务创建了一个组件,其中包含每个任务的数据和一个复选框。我想单击一个复选框并仅显示我单击的那个,而不是全部显示。我正在使用 React Native。我怎样才能做到这一点?谢谢。
export default () => {
const [tasks, setTasks] = React.useState([]);
const [checked, setChecked] = React.useState(false);
React.useEffect(() => {
(async () => {
const response = await getTasks();
setTasks(response);
})();
}, []);
return tasks.map(({id, title, description, date}) => (
<View key={id} style={styles.task}>
<CheckBox
value={checked}
onValueChange={() => {
setChecked((prevState) => !prevState);
}}
/>
<View style={styles.taskTextContainer}>
<Text>{title}</Text>
<Text>{description}</Text>
<Text>{date}</Text>
</View>
</View>
));
};
解决方案
您将相同的内容传递value={checked}
给所有复选框。您可以创建一个布尔数组来完成此操作。
推荐阅读
- javascript - 如何在 reactjs 中隐藏按钮。点击按钮隐藏
- c# - 是否可以为 Visual Studio 设计器指定依赖注入容器
- spring - 在具有单独目的地的 STOMP 上 Spring 多个 Websocket
- c++ - 如何使用 google 测试对 gRPC 异步 C++ 客户端功能进行单元测试
- reactjs - 为什么是 。作为参数传递给没有 -- 分隔符的 npm?
- node.js - 如何限制使用 Amazon S3 presignedUrl 向当前用户发布文件
- designer - 在我的系统中的业务对象 Universe 设计器工具中所做的更改不会反映在其他用户的业务对象中
- html - React 获取组件实例的属性
- python - 如何得出结论?
- stm32 - mpu6050&dmp和stm32h7的使用