如何在 React 表單中使用日期組件

Question

我創建了一個表單，它有一個日期選擇器字段。 我想使用日期選擇器組件，但無法弄清楚如何讓它工作。 我正在使用 cdn 而不是 npm 並且不確定我是否遺漏了一些關鍵的東西。

class Request extends React.Component{
  constructor(){
    super()
    this.state = {
      location:'',
      date: ''
    }
    this.handleLocation = this.handleLocation.bind(this)
  }
  handleDateSelect(e){
     this.setState({
      date: e.target.value
    })   
  }
  handleLocation(e){
    this.setState({
      location: e.target.value
    })
  }
  handleDateChange(e){
    this.setState({
      date: e.target.value
    })
  }
  render(){
    return(
      <div>
          Today's Date:  <DatePicker selected={this.state.date} onSelect={this.handleDateSelect} onChange={this.handleDateChange} /><br />
          Location: <input type="text" name="location" onChange={this.handleLocation} value={this.state.location} />
        {this.state.location}
      </div>
    )    
  }
}

我得到的錯誤是Uncaught ReferenceError: useState is not defined這是更多上下文的筆

Answer 1

你導入了 useState 嗎？

import React, { useState } from 'react';