小编Aus*_*ela的帖子

我的搜索输入组件遇到了一个奇怪的错误，它失去了对每个按键的关注并且无法弄清楚原因。

const App = () => {
  let [characters, setCharacters] = useState([]);
  let [filteredCharacters, setFilteredCharacters] = useState([]);
  // more state
  let [search, setSearch] = useState("");

  useEffect(() => {
    setIsLoading(true);
    axios
      .get(`https://swapi.co/api/people/?page=${pageNumber}`)
      .then(res => {
        console.log(res.data.results);
        setCharacters(res.data.results);
        setFilteredCharacters(res.data.results);
      })
      .catch(err => console.error(err))
      .then(() => {
        setIsLoading(false);
      });
  }, [pageNumber]);

  function updatePage(e) {
     // update page
  }

  function handleSearch(e) {
    setSearch(e.target.value);
    const filtered = characters.filter(character => {
      if (character.name.toLocaleLowerCase().indexOf(e.target.value) !== -1) {
        return character;
      }
    });
    setFilteredCharacters(filtered);
  }
  function SearchBar() {
    return …

我有两个变量a，b加起来为 100。如何设置反应式声明，以便 whena更改b为 be ，100 - a反之亦然？当我尝试类似的事情时

let total = 100;
$: a = total - b;
$: b = total - a;

我收到“检测到循环依赖性”错误。有什么办法可以完成这件事吗？