在React中，您的事件应命名为onFocus和onBlur（注解大写）
https://facebook.github.io/react/docs/events.html
编辑：
另一个问题是，您将处理程序设置为字符串-onFocus="(this.type='date')"，而它们应该是一个函数。

<input type="text" onFocus = {this._onFocus} onBlur={this._onBlur}

现在this引用包含渲染函数的对象，因此需要在该对象中实现适当的函数。

_onFocus: function(e){
    e.currentTarget.type = "date";
},
_onBlur: function(e){
    e.currentTarget.type = "text";
    e.currentTarget.placeholder = "Enter a Date";
},

这样比较简单，

<input
   type="text"
   onFocus={
    (e)=> {
      e.currentTarget.type = "date";
      e.currentTarget.focus();
     }
   }
   placeholder="dd/mm/yyyy"
/>

基本上，date*类型会显示默认占位符，即mm/dd/yyyy，这就是为什么我们的**占位符属性 * 不会显示为text类型。
所以我们可以使用事件处理程序onFocus和onBlur来使它工作。我们可以将这些处理程序添加到 arrow function 结构中，如下所示-

<input
  type="text"
  onFocus={(e) => (e.currentTarget.type = "date")}
  onBlur={(e) => (e.currentTarget.type = "text")}
  placeholder="No date found"
/>

output will be like this
第一个
希望对你有帮助，谢谢

显然，当输入类型为Date时，您不能引入保持器，解决此问题的一种方法是动态更改输入类型on-focus，但这不是一个好的做法，我的建议是不要使用默认的日期选择器，而是可以使用唐斯
你也可以参考这个问题。希望这对你有帮助：）

<input
  type="text"
  className="form-control"
  onFocus={(e) => (e.currentTarget.type = "date")}
  onBlur={(e) => (e.currentTarget.type = "text")}
  placeholder="plz select your date"
/>