我试图操纵元素的位置,所以在某个页面滚动位置之间,他的css被改变了.看看这个简单的例子:http://jsfiddle.net/6RtTX/8/
问题是 - $(window).scroll不是那么准确,所以如果我滚动得非常快,它就会变得非常混乱.
有没有解决这个问题的方法?我可以在$(window).scroll方法中排队这些操作吗?
提前致谢.
我创建了两个异步重击:
export const foo = createAsyncThunk(
'slice/foo',
async ( ) => {
const res = await fetch('/')
return res.data
}
);
export const bar = createAsyncThunk(
'slice/bar',
async ( ) => {
const res = await foo()
return res.data
}
);
Run Code Online (Sandbox Code Playgroud)
基本上我试图在 React 组件的 useEffectfoo()内部调用bar()
,我bar()像这样调度:
React.useEffect( async () => {
await dispatch( bar() );
}, [bar]);
Run Code Online (Sandbox Code Playgroud)
foo正在派遣但bar没有。
我究竟做错了什么?
先感谢您。
编辑1。它有点像反模式,但我基本上想做的是链接 bar() 和 foo(),而且我不知道任何其他(正确的?)方式
编辑2。基于@Nadia Chibrikova 评论,这是我使用 thunkAPI 尝试过的:
export const bar …Run Code Online (Sandbox Code Playgroud)