Question

我有以下代码

<ElementsBasket name='nextActionDate' 
                      data={this.props.newLead.get('actions').get('nextActionDate')}>
                <div className="form-group">
                <span className="glyphicon glyphicon-calendar">Calendar </span>
                <span className="glyphicon glyphicon-triangle-bottom" ></span>

                  <input type="text" className="form-control" onFocus={this.type='date'} onBlur={this.type='text'}
                       placeholder="Enter your date here." 
                       value={this.props.newLead.get('actions').get('nextActionDate')}
                       onChange={onFieldChanged.bind(this, 'actions.nextActionDate')}
                       />       
                </div>
              </ElementsBasket>

在输入标记中，我正在尝试默认情况下在输入字段中显示占位符文本，单击时我希望将类型更改为日期。问题似乎是当点击chrome上的inspect元素时。它不会显示onFocus和onBlur。

Ps：即使onClick似乎也有同样的问题

Answer 1

这是你在找什么？

http://codepen.io/comakai/pen/WvzRKp?editors=001

    else if(MileInputElement.match([0-9]))
    {
        InvalidEntry= "Non-numeric values"; 
    }

正如我上面所述，渲染方法首次触发，然后在每次状态更改时触发（如果在实现的情况下，如果shouldComponentRender返回true）：

https://facebook.github.io/react/docs/component-specs.html

onFocus和onBlur没有做出反应

1 个答案: