但是这样写第一次渲染的时候一定会请求两次 id ，有什么方法优化吗

另外如果用 react query 实现相同的功能会不会简单些？

const fetchId = async () => {
await new Promise((res) => setTimeout(res, 1000))
const millis = new Date().getMilliseconds().toString()
return millis
.substring(millis.length - 4)
.split('')
.map(Number)
}

const fetchData = async (ids: number[]) => {
await new Promise((res) => setTimeout(res, 1000))
return await Promise.all(ids.map((id) => new Promise((res) => res(`data-${id}`))))
}

const useData = () => {
const { data: ids, isValidating: updateId, mutate: mutateId } = useSwr('/api/ids', fetchId)
const {
data,
mutate: mutateData,
isValidating: updateData,
} = useSwr(ids && 'data', async () => {
return await fetchData((await mutateId()) || [])
})

return {
ids,
data,
mutateData,
mutateId,
updateData,
updateId,
}
}

好像找到一个解决方案，在 dependent query 里 mutate id ，根据返回的 id 再去请求，由于 swr 在短时间内多次调用只会发一次请求，所以最终也就发两次请求？但是不知道这算不算 anti-pattern ？

@murmur ...就是可能继续有嵌套的 if(b) if(c) if(d)

@dcsuibian
@leopod1995 这个只能取值，不能作为参数，或者说不能 mapping 成新值


@IvanLi127 kotlin 的有 scope function ，

if (a) {
const b = doSth(a)
if (b) {
...
}
}
return yyy

可以变成 a?.let { doSth(it) }?.let { doOtherThing(it) } ?: yyy 第一个 it 就是不为 null 的 a ，第二个 it 就是不为 null 的 b

@intmax2147483647
@noe132 fp-ts 看过，但是概念太多了，感觉是一个完整的体系，一时半会整不明白

@Exuanbo 看了一下很精简啊，感谢推荐

@yoa1q7y
这个是不是要把 prettier 的配置写在 eslint 里
然后试了下必须引入 react 的报错还是必须得手动关掉，settings 里设置 react 的版本有啥用