reactjs - 在提交之前计算redux表单中的字符

Answer 1

好吧，由于需要三元来处理这种undefined情况，我将长度分配给一个变量，并执行以下操作：

render() {
  const { handleSubmit, fields: { content } } = this.props
  const length = content.value ? content.value.length : 0
  return (
    <form onSubmit={handleSubmit(this.handleFormSubmit.bind(this))}>
      // fieldset here
      <div className="count">{length}</div>
      <button 
        type="submit" // type, not action
        className="btn ban-primary"
        disabled={length < 1 || length > 140}>Ask it...</button>
    </form>
  )
}

这是实现目标的最短路径。理想情况下，您将使用redux-form的内置同步验证在超过字符限制时显示警告，并禁用带有disabled={this.props.invalid}. 请参阅同步验证示例username中如何控制的长度。

Answer 2

确保handleFormSubmit返回一个 Promise。