钩子函数useState动态刷新列表

实现原理：主要利用setLists([...lists,params])更新钩子函数的值

export default () =>{
  const [lists,setLists] = useState([])
  // 使用 useEffect 在页面加载时获取数据
  useEffect(() => {
    // 定义一个内部函数用于获取数据
    const fetchData = async () => {
      try {
        const res = await get_keyword({}); // 调用从API获取数据的函数
        setLists(res.data); // 将数据设置到state中
      } catch (error) {
        console.error('Error fetching data:', error);
      }
    };
    // 调用数据获取函数
    fetchData();
  }, []); // 注意依赖项数组为空，表示只在组件挂载时执行


  const onSearch: SearchProps['onSearch'] = async (value, _e, info) => {
    console.log(info?.source, value)
    // const params = {cars_name:value}
    // const res = await cars_rk(params)
    const params = {keyword_name:value}
    await add_keyword(params)
    setLists([...lists,params])
  };

  return (

    

      
      

        {lists && lists.map((item,index)=>{
          console.log("item",item)
          return(
            {
                const params = {keyword_name:item.keyword_name}
                const res = await get_cars(params)
                return {
                  success:true,
                  data:res.data
                }
              }}
            />
          )
        })}
      
    
  )
}