是否可以将 Symfony 表单组件与 React.js 一起使用？

Question

我正在使用 Symfony 表单组件。我的项目中有很多表格。

要完美地学习表单组件还有很长的路要走，但现在我喜欢它。我也喜欢自动验证等等。

所以。现在我想在我的项目中学习和使用React.js。

但似乎我无法像以前一样在项目中使用验证和表单生成器？我在吗？

Answer 1

虽然在 API 上下文中，您不会使用表单组件以 HTML 格式实际呈现表单（$form->createView()方法），但您仍然可以从它提供的所有魔力中受益：验证、表单事件等。无论是否有 API，我个人认为您应该始终在控制器突变中使用表单类型。

例如，使用 FOSRestBundle，考虑一些如下所示的简单控制器操作：

/**
 * @Rest\Put("posts/edit/{id}", name="posts.edit", requirements={"id"="\d+"})
 *
 * @param Post $post
 * @param Request $request
 *
 * @return Post
 *
 * @throws BadRequestException
 *
 */
public function edit(Post $post, Request $request): Post
{
    $form = $this->createForm(PostType::class, $user);
    $form->handleRequest($request);
    $form->submit($request->request->all());
    if ($form->isValid()) {
        $em = $this->getDoctrine()->getManager();
        $em->persist($post);
        $em->flush();

        return $post;
    }

    // Any error handling of your taste.
    // You could consider expliciting form errors.
    throw new BadRequestException();
}

请注意，当然必须创建Post实体和表单。PostType我不会在这里详细说明，因为在这种情况下没有什么特别要说的。

另请注意，我们不会检查表单是否已提交。在您的情况下，将表单渲染为 HTML 是 React 的工作，此操作不会用于获取任何内容，它只是一个 PUT 路由。这意味着到达那里的任何请求都必须是一个 PUT 请求，其中包含要由我们处理的正确数据PostType，在您的情况下通过在 React 中手动构建的 HTML 表单提交。

此外，稍微超出了问题的范围，FOSRestBundle 订阅您的操作返回的任何内容，并自动将其序列化为配置的格式（我猜您的情况是 JSON）。这意味着我们的操作示例可以返回两种可能的响应：

• 状态代码为 200 的响应包含我们的序列化帖子。（您也可以考虑 204 且不返回任何内容。）
• 状态代码为 400 的响应包含我们想要的任何内容（假设表单错误）。

请允许我引导您查看FOSRestBundle 的文档。