javascript 如何在React中使用setState挂接中的另一个状态？

6jjcrrmo 于 2022-11-27 发布在 Java

关注(0)|答案(2)|浏览(135)

我的代码是这样的：

function async example() {
  
  function handleClick() {
     songs = await fetch("/songs")
     setSongs(songs)
  }
  
  setPlaylists(
    <>
      // other element that have trigger handleClick() on click
      {songs}
    </>
  );
}

当用户可以点击元素以触发handleClick()时，setPlaylists()已经设置了其状态;如果setPlaylists()没有设置它的状态，那么点击以触发handleClick()的元素将不存在。
对于这种情况有React模式吗？我如何设置songs的状态并在setPlaylists()的状态内更新它。

JavaScript

来源：https://stackoverflow.com/questions/74588160/how-to-use-another-state-within-a-setstate-hook-in-react

2条答案

按热度按时间

v7pvogib1#

const updatedSongs = async () => {
songs = await fetch("/songs")
     setSongs(songs)
}

function handleClick() {
     updatedSongs()
  }

useEffect(() => { updatedSongs() },[])

赞(0）回复(0）举报 2022-11-27

h5qlskok2#

我想你对React模式或需求总体上还不太确定。另外，当你试图设置状态时，特别是在setPlaylist中，你在那里使用的是JSX。无论如何，这不是正确的用法。
播放列表和歌曲状态的使用不好。请你能介绍一下你的确切用例吗？

赞(0）回复(0）举报 2022-11-27