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

Question

我创建了一个表单，它有一个日期选择器字段。我想使用date-picker 组件，但无法弄清楚如何让它工作。我正在使用 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 这是pen 了解更多上下文

Answer 1

你导入useState了吗？

import React, { useState } from 'react';