当我提交联系人表单时，它在react js中显示错误。

当您提交联系人表单时，在React.js中显示错误可能有多种原因。以下是一些可能的原因和解决方法：

1. 表单验证错误：在提交表单之前，您可以使用React.js的表单验证功能来确保输入的数据符合预期。您可以使用React表单验证库（如Formik或React Hook Form）来处理表单验证。这些库提供了一套验证规则和错误处理机制，以便在提交表单时显示错误消息。
2. 表单提交处理错误：当您提交表单时，可能会出现处理表单提交的错误。这可能是由于网络连接问题、后端API错误或其他原因导致的。您可以使用React.js的错误处理机制来捕获和显示这些错误。您可以在提交表单时使用try-catch块来捕获错误，并在错误发生时显示适当的错误消息。
3. 表单数据传递错误：在提交表单时，您可能会遇到表单数据未正确传递到后端的问题。这可能是由于表单字段名称与后端API期望的字段名称不匹配或数据格式不正确导致的。您可以使用React.js的表单处理机制来确保正确地传递表单数据。您可以检查表单字段名称和后端API的要求，并确保它们匹配。您还可以使用适当的数据格式化方法（如JSON.stringify）来确保正确传递数据。
4. React组件错误：在React.js中显示错误可能是由于组件本身的错误导致的。您可以检查React组件的代码，并确保没有语法错误、逻辑错误或其他问题。您可以使用React开发者工具来调试和检查组件的状态和属性，以找出可能的错误。

总结起来，当您提交联系人表单时，在React.js中显示错误可能是由于表单验证错误、表单提交处理错误、表单数据传递错误或React组件错误导致的。您可以使用React.js提供的功能和工具来处理这些错误，并确保正确地显示错误消息。