首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

尝试导入错误:'getMoviesList‘不是从’./actions‘中导出的;react redux中出错

问题分析

你遇到的错误提示表明在尝试从 ./actions 模块导入 getMoviesList 函数时失败了。这通常是由于以下几种原因之一:

  1. 模块路径错误./actions 路径不正确。
  2. 导出错误./actions 模块中没有正确导出 getMoviesList 函数。
  3. 拼写错误:导入语句中的函数名拼写错误。

解决方法

1. 检查模块路径

确保 ./actions 路径是正确的。假设你的项目结构如下:

代码语言:txt
复制
src/
├── actions/
│   └── index.js
├── components/
│   └── MovieList.js

那么 MovieList.js 中导入 getMoviesList 的语句应该是:

代码语言:txt
复制
import { getMoviesList } from '../actions';

2. 检查导出

确保 ./actions 模块中正确导出了 getMoviesList 函数。例如,在 actions/index.js 中:

代码语言:txt
复制
export const getMoviesList = () => {
  // 你的逻辑代码
};

3. 检查拼写

确保导入语句中的函数名拼写正确。例如:

代码语言:txt
复制
import { getMoviesList } from '../actions';

示例代码

假设你的 actions/index.js 文件内容如下:

代码语言:txt
复制
// actions/index.js
export const getMoviesList = () => {
  // 模拟获取电影列表的异步操作
  return fetch('https://api.example.com/movies')
    .then(response => response.json())
    .then(data => data.movies);
};

然后在 components/MovieList.js 中导入并使用:

代码语言:txt
复制
// components/MovieList.js
import React, { useEffect } from 'react';
import { useDispatch, useSelector } from 'react-redux';
import { getMoviesList } from '../actions';

const MovieList = () => {
  const dispatch = useDispatch();
  const movies = useSelector(state => state.movies);

  useEffect(() => {
    dispatch(getMoviesList());
  }, [dispatch]);

  return (
    <div>
      <h1>Movies List</h1>
      <ul>
        {movies.map(movie => (
          <li key={movie.id}>{movie.title}</li>
        ))}
      </ul>
    </div>
  );
};

export default MovieList;

参考链接

如果你仍然遇到问题,请提供更多的代码细节,以便进一步诊断问题。

相关搜索:尝试导入错误:'Model‘不是从'../module’导出的尝试导入时出错:'_‘不是从’下划线‘导出的尝试导入错误:'ApiRequests‘不是从'./ApiRequests’中导出的尝试导入错误:'SomeModule‘不是从’./some/path‘导出的;尝试导入错误:'OBJLoader‘不是从'three’导出的(导入为'THREE')尝试导入错误:'createGlobalStyle‘不是从'styled-components’导出的ReactJS TypeScript:尝试导入错误:'ActionButtonProps‘不是从'./ActionButton’中导出的./src/views/users/UserCreate.js尝试导入错误:'email‘不是从'./../validations’导出的无法从react应用程序中的redux库导入存储是否可以在.js文件中而不是.ts文件中使用React Antd图表?(尝试导入错误:'__spreadArray‘未从’tslib‘导出。)如何通过react中redux saga中的抛出错误来中断生成器函数无法从我的create-react-app中的'redux-saga‘导入createSagaMiddlewareReact从我的div中删除密钥,然后抛出错误从错误的位置导入react-chartjs-2中线如何从React中的封装函数外部导出/导入或访问封装函数中定义的函数?在jsx文件中从@testing library/react导入“render”是错误的导入文件夹中的所有json文件,而不是导入每个文件,然后在Create React App中导出?尝试从React -TypeError中的API中获取数据: recipes.map不是一个函数使用React从monorepo中的另一个包导入JSX文件时出错我一直收到此服务器错误-错误:默认导出不是页面中的React组件:"/products/all“
相关搜索:
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券