如何在 React 表单中使用日期组件

Question

I created a form and it has a date-picker field. I want to use the date-picker component but unable to figure out how to get it work. I'm using the cdn instead of npm and not sure if I'm missing something critical.

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>
    )    
  }
}

The error that I get is Uncaught ReferenceError: useState is not defined Here's a pen for more context

Answer 1

你导入了 useState 吗？

import React, { useState } from 'react';