React App，如何按字母順序在 Api 數組中映射和排序標題

Question

嗨，我正在嘗試按字母順序從 React 中的 API 映射和排序標題。 我一直得到 .sort() 不是一個函數，我不知道在哪里對我的數組進行排序。 我很想得到一些幫助！！

import React, {useState, useEffect}from 'react';
import fetchMovies from '../../services/Movie-api';

export default function Movies(){
    const [movies, setMovies] = useState("")

    async function getMovies(){
        const movieData = await fetchMovies()

        console.log(movieData)
        setMovies(movieData.data.data)
    }

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

    return ( 
        <>
            {movies ? (
                <div>
                    <div>{movies.map((m,idx) => {
                        return <div key={idx}>{m.title}</div>
                    })}  
                    </div>
                </div>
            ):( "loading...")}
        </>
    )
}

Answer 1

得到它的工作！

setMovies(movieData.data.data.sort((a, b) => a.title.localeCompare(b.title)))