[英]React-Redux useSelector() not returning the entire string
I have some values stored in my Redux global store.我的 Redux 全局存储中存储了一些值。 However, when I try to retrieve it's values, I get only the first character.
但是,当我尝试检索它的值时,我只得到第一个字符。 I need the entire string from the redux store.
我需要 redux 商店的整个字符串。
My redux store:我的 redux 商店:
path(pin):"https://dog.ceo/api/breed/collie/border/images"
breed(pin):"collie"
subBreed(pin):"border"
My code:我的代码:
const [breed, setBreed] = useSelector((state) => state.breed);
const [subBreed, setsubBreed] = useSelector((state) => state.subBreed);
React.useEffect(() => {
console.log("Breed in useEffect: ", breed);
console.log("subBreed in useEffect: ", subBreed);
}, [breed, subBreed]);
The console output:控制台 output:
Breed in useEffect: c
subBreed in useEffect: b
You are using destructuring assignment to grab out individual characters from a string.您正在使用解构赋值从字符串中提取单个字符。
const [breed, setBreed] = useSelector((state) => state.breed);
const [subBreed, setsubBreed] = useSelector((state) => state.subBreed);
Here breed
and subBreed
are the first character from each character array, or string.这里的
breed
和subBreed
品种是每个字符数组或字符串中的第一个字符。
const [breed, setBreed] = "collie"; console.log({ breed }); // "c" from "collie"
The useSelector
hook only returns the state you select, not an array of state and setter. useSelector
挂钩仅返回 state 和 select,而不是 state 和设置器的数组。 Just assign the selected values to breed
and subBreed
.只需将选定的值分配给
breed
和subBreed
。
const breed = useSelector((state) => state.breed);
const subBreed = useSelector((state) => state.subBreed);
or或者
const { breed, subBreed } = useSelector((state) => state);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.