小编Ros*_*yba的帖子

我有一个表单，用户可以在其中提交一些所需的信息

其中一个字段是出生日期

我正在为该特定字段使用react-datepicker包

一段代码如下所示：

        <label>
          <DatePicker
            autoComplete='off'
            dateFormatCalendar="MMMM"
            showYearDropdown
            scrollableYearDropdown
            onChange={this.handleChange}
            selected={this.state.formData.dob}
            maxDate={moment().subtract(6570, "days")}
            minDate={moment()}
            placeholderText="Date of birth"
            name="dob"
            customInput={
              <Input type='text' onKeyPress={e => e.preventDefault()} validations={[required]} value={this.state.formData.dob} />
            }
          />
        </label>

6570 = 18*365 是从 18 年转换而来的天数，我知道这不是一个固定的天数，因为还有 364 天

这是日期选择器无法选择日期的屏幕截图

https://gyazo.com/4d66a8e59dbca5e79c3af7d6de139d21

有什么想法或建议可以让年满 18 岁的用户提交表单吗？

谢谢你！

我正在使用 React 和 React-router v4

这是我的路线组件：

<Switch>
              {/* <Route path='/blog' exact component={Blog} /> */}
              <Route path='/projects/:id' component={ProjectDetails} />
              <Route path='/career/:id' component={CareerDetails} />
              <Route path='/' component={withScrollPreservation(LandingPage)} />
              <Route component={withScrollPreservation(LandingPage)} />
            </Switch>

我的问题是什么：

如果用户从路由中输入无效的内容，我希望它重定向到主页。考虑在本地运行这个场景：

localhost:4000/ - 主页

localhiost:4000/invalidurl- 应该重定向回localhost:4000/并从 url 中删除 invalidurl

有什么想法吗？