问如何在焦点上打开airbnb SingleDatePicker日历

EN

import "react-dates/initialize";
import "react-dates/lib/css/_datepicker.css";
import { SingleDatePicker } from "react-dates";

export default class ExpenseForm extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      createdAt: moment(),
      calendarFocused: false
    };

    this.onDateChange = this.onDateChange.bind(this);
    this.onFocusChange = this.onFocusChange.bind(this);
  }

  onDateChange(createdAt) {
    this.setState(() => ({ createdAt }));
  }

  onFocusChange({ focused }) {
    this.setState(() => ({
      focused
    }));
  }

  render() {
    return (
      <div>
        <SingleDatePicker
            date={this.state.createdAt}
            startDateId="MyDatePicker"
            onDateChange={this.onDateChange}
            focused={this.state.calendarFocused}
            onFocusChange={this.onFocusChange}
            id="SDP"
          />

      </div>
    );
  }
}