小编Kar*_*kar的帖子

我可以同时为前端和后端设置 ngrok 吗?

我想同时为前端和后端设置 ngrok,这是不可能的,因为我的前端在 Angular 6 上,而后端在 .net 核心中。

当前端和后端都在同一主机和端口上时,我实现了 ngrok。(两者都在 .Net 和 MVC 中)。所以他们在同一个端口上运行。

现在,我想知道是否有其他方法可以做到这一点。

我的 Angular 6 在http://localhost:4200/ 上 运行后端在https://localhost:44343/ 上运行

如果有的话请给我建议。

.net ngrok angular6

5
推荐指数
2
解决办法
822
查看次数

失败的道具类型:提供给“DetailField”的“string”类型的无效道具“children”,预期为“object”

什么时候

children: PropTypes.string
Run Code Online (Sandbox Code Playgroud)

它显示错误

Failed prop type: Invalid prop `children` of type `object` supplied to `DetailField`, expected `string`.
Run Code Online (Sandbox Code Playgroud)

什么时候

children: PropTypes.object
Run Code Online (Sandbox Code Playgroud)

它显示错误

Failed prop type: Invalid prop `children` of type `string` supplied to `DetailField`, expected `object`.
Run Code Online (Sandbox Code Playgroud)

如果我尝试这样做,我不知道它是否有效

children: PropTypes.object && PropTypes.string
Run Code Online (Sandbox Code Playgroud)

表明

Failed prop type: Invalid prop `children` of type `object` supplied to `DetailField`, expected `string`.
Run Code Online (Sandbox Code Playgroud)

我该怎么办?

reactjs react-proptypes

3
推荐指数
1
解决办法
2550
查看次数

如何禁用reactjs中的将来日期?

我没有使用任何日期选择器,但代码仍能正常工作。到目前为止,我已经选择了输入类型,并且一切正常。现在,我想禁用将来的日期。我怎么做?

<div className="form-group col-md-6">
                            <label for="inputDate4">Date of Birth</label>
                            <input type="date" className="form-control" id="inputDate4" placeholder="Date of Birth" name="dob" onChange={this.handleChange} />
                        </div>
Run Code Online (Sandbox Code Playgroud)

编辑:以其他方式解决问题

我用了React Date Picker

它是如此容易实现。只需安装npm软件包

npm install react-datepicker --save
Run Code Online (Sandbox Code Playgroud)

安装时刻aslo

npm install moment --save
Run Code Online (Sandbox Code Playgroud)

导入库

import DatePicker from 'react-datepicker';
import moment from 'moment';
import 'react-datepicker/dist/react-datepicker.css';
Run Code Online (Sandbox Code Playgroud)

在构造函数中

this.state = {
      dob: moment()
    };
    this.dateChange = this.dateChange.bind(this);
Run Code Online (Sandbox Code Playgroud)

dateChange功能

dateChange(date) {
    this.setState({
      dob: date
    });
  }
Run Code Online (Sandbox Code Playgroud)

最后是渲染功能

 <DatePicker
     selected={this.state.dob}
     onChange={this.dateChange}
     className="form-control"
    placeholder="Date of Birth"
    maxDate={new Date()}
    />
Run Code Online (Sandbox Code Playgroud)

在这里,maxDate函数用于禁用将来的日期。

maxDate={new Date()}
Run Code Online (Sandbox Code Playgroud)

资料来源:https …

datepicker reactjs

2
推荐指数
2
解决办法
4402
查看次数

标签 统计

reactjs ×2

.net ×1

angular6 ×1

datepicker ×1

ngrok ×1

react-proptypes ×1