Question

需要一个带日期选择器的字段。日历显示了，我可以选择日期，但是什么也没有显示。

在src / components / DatePicker / index.js中写我的代码并调用src / formpage.js

import React, { Component } from 'react';
import DatePicker from 'react-date-picker';

class Calendar extends Component {
  state = {
    date: new Date(),
  }

  onChange = date => this.setState({ date })

  render() {
    return (
      <div>
        <DatePicker
          onChange={this.onChange}
          value={this.state.date}
        />
      </div>
    );
  }
}
export default DatePicker;

没有错误显示。但是选择日期后，日期也没有显示

Answer 1

您在DatePicker中传递了错误的道具。

日期值不是value，而是selected。

<DatePicker
    onChange={this.onChange}
    selected={this.state.date} // selected
/>

在docs的第一个示例中，您可以看到一个示例selected。

Answer 2

This the image of error showing in WebInspector

我做对了吗？为什么日期不显示？

2 个答案: