我试图获取数据抛出搜索栏，但问题是，只从显示结果中获取，它完全忽略了其余的信息。我知道我正在做一个拼接，只显示前8个结果，但只要我开始在搜索栏上写，它就只在这8个结果之间进行过滤。我很确定我错过了一个步骤，但也不知道如何寻找解决方案。
我分享一些我的代码：

import React from 'react';
import axios from 'axios';
import './navbar.css'
import Cardlist from '../body/CardList';

function SearchBar(){
 const [characters, setCharacters] = React.useState([]);
 const [search, setSearch] = React.useState('');
 const [loading, setLoading] = React.useState(true);
 const [error, setError] = React.useState(); 


 React.useEffect(()=>{
  const API_PUB = process.env.REACT_APP_API_PUB_KEY;
  const ts = 1;
  const hash = '(not display)';
  const URL_KEY = `https://gateway.marvel.com/v1/public/characters?ts=${ts}&apikey=${API_PUB}&hash=${hash}`;
  
 axios.get(URL_KEY)
  .then(characters=>
    {setCharacters(characters.data.data.results.slice(0,8));
  })
  .catch((err)=>
  {setError(err);})
  .finally(()=>
  {setLoading(false);});
},[])

const charactersArray = Object.values(characters)
console.log(charactersArray)
if (loading) {
  return <p>Loading...</p>;
}

if (error || !Array.isArray(charactersArray)) {
  return <p>There was an error loading your data!</p>;
}
const characterSearch = search

const filterCharacters = search.length === 0 ? charactersArray : 
 charactersArray.filter((character => character.name.toLowerCase().includes(search.toLowerCase())))
/*   handleChange = (e) =>{
  this.setState({searchField:e.target.value})
  } */
 
  return (
    <div className="containerGalery">
      <nav className="barra"> 
            <div className="logo"/>
            <div className="barraSeparadora">|</div> 
            <div className="lupa" alt="lupa"/> 
            <input className="buscador"  
        type="text"
        placeholder="buscar"
        value={characterSearch}
        onChange={(e) => setSearch(e.target.value)}
        />
        </nav>
        
    <span>
    <Cardlist charactersArray={filterCharacters} fallback={"Loading..."}/>
    </span>
    </div>
  );

}

export default SearchBar;```

I try to express myself as clear as possible, english is not my native language, sorry if something is not completely clear.

字符串