Ralat penyusunan: Fungsi anak panah mesti dieksport sebagai lalai modul sebelum memberikannya kepada pembolehubah
P粉760675452
P粉760675452 2023-08-30 13:05:14
0
1
517
<p>Ralat berikut berlaku semasa menyusun: </p> <p>Amaran berlaku semasa penyusunan. </p> <p>src/Task.js</p> <pre class="brush:php;toolbar:false;">Baris 4, aksara pertama: tetapkan fungsi anak panah kepada pembolehubah dan kemudian eksportnya sebagai nilai lalai modul import/no-anonymous-default-export</ pra> ; <p>src/TaskList.js</p> <pre class="brush:php;toolbar:false;">Baris 4, aksara pertama: tetapkan fungsi anak panah kepada pembolehubah dan kemudian eksportnya sebagai nilai lalai modul import/no-anonymous-default-export</ pra> ; <p>Berikut ialah fail JS saya:</p> <p>Task.js</p> <pre class="brush:php;toolbar:false;">import React daripada 'react'; import Senarai Tugas daripada './TaskList'; eksport lalai ({Tugas}) => kembali ( <p> {TaskList.description} </p> ); }</pre> <p>TaskList.js</p> <pre class="brush:php;toolbar:false;">import React daripada 'react'; import Tugasan daripada './Task.js' eksport lalai ({ tasks }) => kembali ( <ul className="kumpulan senarai"> {tasks.map(task => ( <li key={task.id} className ="list-group-item"> <Tugas tugas={task} /> </li> ))} </ul> ); }</pre> <p>Saya baru mula belajar React dan JavaScript. </p>
P粉760675452
P粉760675452

membalas semua(1)
P粉420868294

Untuk fungsi anak panah, kerana ia adalah tanpa nama, anda perlu menetapkannya kepada pembolehubah dan kemudian mengeksportnya. Berdasarkan kod anda, contoh ini sepatutnya berfungsi (tetapi jangan lupa untuk mengisi logik dalam fungsi tasks.map)

import React from 'react';
import TaskList from './TaskList';

const Tasks = ({ tasks }) => {
  return tasks.map(task => ( ... ));
} 

export default Tasks;

Ini disebabkan oleh peraturan import/no-anonymous-default-export yang menghalang eksport lalai modul daripada tidak dinamakan.

Memandangkan ini hanyalah amaran lint dan bukan ralat sintaks, kod sedia ada anda akan berfungsi jika anda melumpuhkan peraturan (tetapi saya syorkan jangan lakukan ini!).

Peraturan ini berguna kerana memastikan penamaan eksport lalai membantu meningkatkan kebolehcarian asas kod anda dengan menggalakkan penggunaan semula pengecam yang sama di mana ia diisytiharkan dan di mana ia diimport.

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan