Попытка импортировать ошибку: не содержит экспорт по умолчанию - PullRequest
Новая
       5

Попытка импортировать ошибку: не содержит экспорт по умолчанию

0 голосов
/ 02 декабря 2018

Я определяю реактивную составляющую для соединения с редуксом.У меня есть приложение и список компонентов

App.js 

import React, { Component } from 'react';
  //import Login from './components/Login';
 import List from './components/List';
 import './App.css';
  class App extends Component {
 render() {
  return (  <List />); } }
  export default App;

List.js 

  import React from 'react';
  import { connect } from 'react-redux';

  const mapStateToProps=  state =>{
     return { articles :state.articles};
      }
   const connectedList = ({ articles }) =>(
        {articles.map(e=>(      //////**1) here I get red under the dot(.) ie., error**
           <li key={e.id}>{e.title}</li>
         ))}
     );
   const List= connect(mapStateToProps)(connectedList);
   export default List;

почемусделайте 1) здесь я получаю красный цвет под точкой (.), т.е. ошибка

Я экспортировал список, но мне выдается эта ошибка

Попытка ошибки импорта:«./components/List» не содержит экспорт по умолчанию (импортируется как «Список»).

На самом деле я новичок в редуксе, поэтому, пожалуйста, объясните мне, где я ошибаюсь?

1 Ответ

0 голосов
/ 02 декабря 2018

Удалить фигурные скобки: 

const connectedList = ({ articles }) =>(
   articles.map(e=>( // implicit return
      <li key={e.id}>{e.title}</li>
   )
));

Или, используя фигурные скобки: 

const connectedList = ({ articles }) => { // no parentheses
   return articles.map(e=>( // explicitly use return
      <li key={e.id}>{e.title}</li>
   )
});

Использование фигурных скобок в скобках означает, что вы возвращаете объект.Но article.map ..., очевидно, не объект, а скорее цикл через объект.

...