我正在尝试按项目显示任务数。用
调用axios请求getTasksByProject(_id);
会导致一个循环,在该循环中经常设置“ nbrOfTasks”。我该如何预防?
//Schema
const taskSchema = new mongoose.Schema({
title: String,project: { type: ObjectId,ref: 'Project' },})
const projectSchema = new mongoose.Schema ({
name: String
})
代码:
const List = ({ match }) => {
const [projects,setProject] = useState([]);
const [nbrOfTasks,setNbrOfTasks] = useState();
const getTasksByProject = ( _id) => {
axios.get(`/api/tasks/tasksByProject/${_id}`)
.then(response => {
setNbrOfTasks(response.data.length);
})
}
const loadProjects = () => {
axios.get('/api/projects/').then(response => {
setProject(response.data)
})
}
useEffect(() => {
loadProjects();
},[])
return (
<>
<Table singleLine columns={4} striped>
<Table.Header>
<Table.Row>
<Table.HeaderCell>Name</Table.HeaderCell>
<Table.HeaderCell>#Tasks</Table.HeaderCell>
</Table.Row>
</Table.Header>
<Table.Body>
{projects.map((project) => {
const { _id,name,status,description } = project;
getTasksByProject(_id);
return (
<Table.Row key={_id}>
<Table.Cell>{`${name}`}</Table.Cell>
<Table.Cell>{nbrOfTasks}</Table.Cell>
</Table.Row>
)
})}
</Table.Body>
</Table>
</>
)
}
export default List;