ReactJS onChange防止用户持续输入

Question

ReactJS onChange防止用户持续输入

reactjs

6

有没有一种方法可以在单词限制超过时停止用户输入？

目前我在

- Bill

2个回答

1

关于 <textarea maxLength={10}/> 呢？

http://www.w3schools.com/tags/att_input_maxlength.asp

- ersefuril

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Oleksandr T. · Accepted Answer

在React中，您可以使用onKeyPress事件，并使用.preventDefault和.stopPropagation方法，如下所示：

var Component = React.createClass({
    handleKeyPress: function(e) {
        var value = e.currentTarget.value.split(' ');

        if (value.length > 10) {
            e.preventDefault();
            e.stopPropagation();
        } else {
            console.log(value);
        }
    },
    render: function() {
        return <textarea onKeyPress={ this.handleKeyPress }></textarea>;
    }
});

示例

在jQuery事件处理程序中使用return false实际上相当于调用e.preventDefault和e.stopPropagation。