javascript - React - ES6 - 动态观察文本区域的总字符长度

Question

请看这个simple fiddle .

它是一个单一的 react 组件，它是一个文本区域。它在文本区域下方显示一个计数器。

目标是让计数器更新 onChange 以反射(reflect)新值(文本区域总长度)。

不幸的是，每当发生变化时，我的计数器就会消失。我怀疑我的 this 或语法在这个代码块的中间特别关闭:

recalculate() {
  this.setState({
    text: this.state.text.length
  });
}

但是 React 是一个新的野兽，ES6 也是。我在这里缺少什么？

Answer 1

您应该为 state 设置新值，因为现在您总是设置默认的 state 值

recalculate(e) {
  this.setState({
     text: e.target.value
  });
}

Example