ไม่มีวง จำกัด

ฉันใช้ React และ Redux เพื่อพัฒนา webapp และเมื่อฉันเริ่มโครงการฉันได้รับสิ่งนี้:

Line 13:  Unexpected use of 'location'  no-restricted-globals

Search for the keywords to learn more about each error.

ฉันค้นหาวิธีแก้ปัญหาได้มากมาย แต่ไม่มีคำตอบที่ฉันพบเลยช่วยฉันเลยหันไปหา Stack overflow

ไม่มีใครรู้วิธีแก้ไขข้อผิดพลาดนี้หรือไม่? ฉันขอขอบคุณทุกความช่วยเหลือที่ฉันสามารถได้รับ

ลองเพิ่มwindowก่อนlocation(เช่นwindow.location)

นี่เป็นวิธีที่ง่ายและอาจไม่ใช่วิธีที่ดีที่สุด แต่ใช้งานได้

ในบรรทัดด้านบนบรรทัดที่คุณได้รับข้อผิดพลาดให้วางสิ่งนี้:

// eslint-disable-next-line no-restricted-globals

บางทีคุณอาจลองส่งผ่านตำแหน่งไปยังส่วนประกอบเป็นเสา ด้านล่างฉันใช้ ... otherProps นี่คือโอเปอเรเตอร์การแพร่กระจายและถูกต้อง แต่ไม่จำเป็นถ้าคุณส่งผ่านอุปกรณ์ประกอบฉากของคุณอย่างชัดเจนมันเป็นเพียงแค่มีผู้เป็นสถานที่สำหรับการสาธิต นอกจากนี้การทำลายโครงสร้างการวิจัยเพื่อทำความเข้าใจว่า ({location}) มาจากที่ใด

import React from 'react';
import withRouter from 'react-router-dom';

const MyComponent = ({ location, ...otherProps }) => (whatever you want to render)


export withRouter(MyComponent);

/* eslint no-restricted-globals:0 */

เป็นอีกแนวทางหนึ่ง