Javascript movies.map不是一个函数

我刚刚开始学习React，我遇到了这个错误，我不知道如何修复，我已经搜索了很多关于这个问题的信息，但没有找到任何有用的信息。请帮忙

import React, {useState} from 'react';

export const MovieList = () => {
    const [movies, setMovies] = ([
        {
            name: 'Harry Potter',
            price: '$10',
            id: 23124
        },
        {
            name: 'Game of Thrones',
            price: '$10',
            id: 2566124
        },
        {
            name: 'Inception',
            price: '$10',
            id: 23524
        }
    ]);

    return (
        <div>
        {movies.map(movie => (
            <li>{movie.name}</li>
        ))}
        </div>
    );
}

import React，{useState}来自“React”；
导出常数MovieList=（）=>{
常量[电影，设置电影]=([
{
名字：'哈利波特'，
价格：‘$10’，
身份证号码：23124
},
{
名称：“权力游戏”，
价格：‘$10’，
身份证号码：2566124
},
{
名称：'盗梦空间'，
价格：‘$10’，
身份证号码：23524
}
]);
返回(
{movies.map（movie=>(
{movie.name}
))}
);
}

尽管您正在导入useState

import React，{useState}来自“React”

你哪儿也不叫它

要使此代码正常工作，请更改以下行

const [movies, setMovies] = ([

到

就这么简单：——）

你可以在这里找到更多

我正在学习如何反应自己，最近一直在研究挂钩。
我想您缺少了一个
useState
调用。您正在将单个对象分配给
movies
。是的，将第4行更改为
const[movies，setMovies]=useState([
就是这样，我在其他应用程序中也遇到了类似的错误。你能说明这有什么问题吗？
const [movies, setMovies] = useState([