我通過帶有對象的 props 數(shù)組獲得，然后我需要對它們進行排序和渲染，但現(xiàn)在我得到了數(shù)組，并且在排序之后我無法渲染排序的數(shù)組。我使用 useEffect 并在那里對數(shù)組進行排序，然后通過 setState 將排序后的數(shù)組放入變量中，但是當我嘗試渲染它時出現(xiàn)錯誤，即數(shù)組為空。我該如何解決？也許我可以用 newFriends 改變 props.friendsList？這將會非常棒！type FriendsProps = {    friendsList:    {        "id": number,        "firstName": string,        "lastName": string,        "photoUrl": string,        "online": boolean    }[]}const Friends: React.FC<FriendsProps> = (props) => {    const [friends, setFriends] = useState([{}]);    useEffect(() => {        const newFriends = props.friendsList.sort((friendA, friendB) => {            return friendA.online === friendB.online ? 0 : friendA.online ? -1 : 1;        })        setFriends(newFriends)    }, []);    console.log(friends)        return (            <div className="friends-list">                {friends.map((friendInfo, id) => {                    return (                        <h1>{friendInfo.firstName}</h1>                    )                })}            </div>    );};console.log (friends) 首先顯示空數(shù)組然后填充