Reactjs提交表单和setState第一次不起作用

是由于React的异步更新机制导致的。在React中，setState是一个异步操作，即使在调用setState后立即访问state，也不能保证能获取到最新的state值。

解决这个问题的方法有以下几种：

1. 使用回调函数：setState方法可以接受一个回调函数作为第二个参数，在setState完成并且组件重新渲染后会调用该回调函数。可以在回调函数中执行需要依赖最新state的操作。

this.setState({ formValue: newValue }, () => {
  // 在回调函数中执行需要依赖最新state的操作
});

1. 使用async/await：可以将setState方法包装在一个async函数中，并使用await关键字等待setState完成后再执行后续操作。

async handleFormSubmit(event) {
  event.preventDefault();
  await this.setState({ formValue: newValue });
  // 在这里可以访问到最新的state值
}

1. 使用函数式的setState：setState方法也可以接受一个函数作为参数，该函数会接收前一个state作为参数，并返回一个新的state。这种方式可以确保获取到最新的state值。

this.setState((prevState) => {
  return { formValue: newValue };
});

以上是解决Reactjs提交表单和setState第一次不起作用的常用方法。根据具体情况选择合适的方法来处理表单提交和更新state。