小编Kai*_*195的帖子

我正在尝试通过 AWS 管理控制台公开我的文件，我已经关闭了存储桶块公共访问，如下所示。

但是当我转到该文件并尝试公开该文件时，该选项被禁用

我遵循了 AWS 上的官方说明，但显然，它对此选项有一些新的更新。

https://aws.amazon.com/tw/premiumsupport/knowledge-center/read-access-objects-s3-bucket/

我是否遗漏了什么或者有一些设置我没有做？

我尝试测试我的悬停是否有效，这是我要测试的代码

//styled components + typescript
const Info = styled.div`
    opacity: 0;
    width:100%;
    height: 100%;
    position: absolute;
    top:0;
    left:0;
    background-color: rgba(0,0,0,0.2);
    z-index:3;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease;
    cursor: pointer;
`
const Container = styled.div`
    flex:1;
    margin:5px;
    min-width:280px;
    height:350px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f5fbfd;
    position: relative;

    &:hover ${Info}{
        opacity: 1;
    }
`
const ProductItem = ({item}:ProductItemProp) => {
    return (
        <Container data-testid="productContainer">
            <Circle/>
            <Image src={item.img}/>
            <Info data-testid="productInfo">
                <Icon data-testid="productIcon">
                    <ShoppingCartOutlined/>
                </Icon>
                <Icon>
                    <SearchOutlined/>
                </Icon> …

我尝试在登录请求中使用 RTK 查询，但在打印结果时遇到了一些问题。这是我的代码。

authRTK.ts

import { createApi, fetchBaseQuery } from "@reduxjs/toolkit/query/react";\nimport { loginForm, UserResponse } from "../type/type";\nimport { RootState } from "./store";\n\nexport const api = createApi({\n  baseQuery: fetchBaseQuery({\n    baseUrl: \'http://localhost:3001\',\n    prepareHeaders: (headers, { getState }) => {\n      // By default, if we have a token in the store, let\'s use that for authenticated requests\n      const token = (getState() as RootState).auth.token;\n      if (token) {\n        headers.set("authentication", `Bearer ${token}`);\n      }\n      return headers;\n    }\n  }),\n  endpoints: (build) => ({\n    login: build.mutation<UserResponse, loginForm>({\n …

我尝试组合两个RTK减速器，但是每次尝试使用concat将其包含在中间件中时，都会出现错误，这是我的代码

商店.ts

import { configureStore,combineReducers } from "@reduxjs/toolkit";
import cartReducer from "./cartRedux";
import userReducer from "./authRedux";
import { AuthAPI } from "./authRTK";
import { cartAPI } from "./cartRTK";
import {
  persistStore,
  persistReducer,
  FLUSH,
  REHYDRATE,
  PAUSE,
  PERSIST,
  PURGE,
  REGISTER,
} from "redux-persist";
import storage from 'redux-persist/lib/storage'


const persistConfig = {
  key: "root",
  blacklist:['AuthAPI','cartAPI'],
  storage,
};
const rootReducer = combineReducers({
    [cartAPI.reducerPath]: cartAPI.reducer,
    [AuthAPI.reducerPath]: AuthAPI.reducer,
    auth:userReducer,
    cart:cartReducer,
})

const persistedReducer = persistReducer(persistConfig, rootReducer);

export const store = configureStore({
  reducer: persistedReducer,
//   reducer: { …

我遇到一种情况，我尝试在用户登录时获取数据，我的结构是我有两个 redux 切片，一个是 userData，另一个是 UserCartData 和

1. 当用户登录时，如果登录成功，
2. 然后我将数据分派到 UserData ，3，然后我编写一个 useEffect 来检查是否有 userData ，
3. 然后我将使用 UserData 获取 UserCartData

但问题是我无法在 useEffect 下使用 useGetxxxQuery 工作，这是我的代码

const Login = () => {
  const user = useAppSelector(state=> state.auth);
  const dispatch = useAppDispatch();
  const [login] = useLoginMutation();
  const [showPassword,setShowPassword] = useState<boolean>(false);
  useEffect(() => {
    if (user!==null){ //fecth userCart data with userData
      const {data ,isLoading,isFetching }= useGetCartByIDQuery(user.user?._id!)
    }
  }, [dispatch])
  return (
    <Container>
      <Wrapper>
        <Title>SIGN IN</Title>
        <Formik
          initialValues={{ email: "", password: "" }}
          validationSchema={Yup.object({
            password: Yup.string() …