具有验证的表单组件是否仍具有表现性？或者我应该把它变成一个容器？

Posted 2021-05-05

我有一个表单组件，现在通过其props接收onSubmit处理程序，因此它不直接附加到状态。在调用onSubmit之前，组件会自行验证并生成错误。现在我想知道这个组件是否仍然可以被认为是表现性的，因为它在验证数据方面做了一些“聪明”的工作。

答案

我认为你不必太担心这个问题。 “容器”只是人们用于通常“连接”到商店的反应组件的命名约定。

将您的验证保存在同一个表单组件中，以便封装该表单的所有内容，并且不会泄漏任何内容。正如您所说，组件未直接连接到状态。父组件不应该关心验证，它需要知道的是onSubmit处理程序返回的值/对象。