我寫的代碼有問題。有人可以幫我解決這個問題嗎？
編譯有問題：X
[eslint] src/components/ui/FindScooterForm/FindScooterForm.jsx 第 12:120 行：'addMonths' 未定義 no-undef
import React, { useState } from 'react'
import '../../../styles/findscooterform.css';
import {Form, FormGroup} from 'reactstrap';
import DatePicker from 'react-datepicker';
const FindScooterForm = () => {
const [startDate, setStartDate] = useState(null);
return (
<Form className='form'>
<div className='d-flex align-items-center justify-content-between flex-wrap'>
<FormGroup className='form__group'>
<DatePicker selected={startDate} onChange={(date)=> setStartDate(date)} minDate={new Date ()} maxDate={addMonths(new Date (), 5)} showDisabledMonthNavigation />
</FormGroup>
<FormGroup className='form__group'>
<input className='rent__time' type='time' placeholder='Time' required />
</FormGroup>
<FormGroup className='select__group'>
<select name='duration'>
<option value='2days'>2 Days</option>
<option value='3days'>3 Days</option>
<option value='4days'>4 Days</option>
<option value='5days'>5 Days</option>
<option value='6days'>6 Days</option>
<option value='1week'>1 Week</option>
<option value='2week'>2 Week</option>
<option value='3week'>3 Week</option>
<option value='1month'>1 Month</option>
</select>
</FormGroup>
<FormGroup className='select__group'>
<select name='pickup'>
<option value='selected'>Our Office</option>
<option value='location'>Send to my location</option>
</select>
</FormGroup>
<FormGroup className='select__group'>
<button className='btn__form-scooter'>
<a href=''>Find a Scooter</a>
</button>
</FormGroup>
</div>
</Form>
)
}
export default FindScooterForm
uj5u.com熱心網友回復：
您缺少date-fns包裹。
添加"date-fns": "2.29.3",到您的依賴項中package.json，然后像這樣在 jsx 檔案的頂部匯入它。
import { addMonths } from 'date-fns';
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/508641.html
標籤：javascript反应
上一篇：使用傳入的陣列呼叫函式
下一篇：將陣列物件值推送到新陣列中