上载图片/文件后，防止在create-react-app中重新加载页面

Question

我正在从“ src”文件夹中的文件夹中获取图像（应用是使用“ create-react-app”创建的）。

• Node js服务器
  • ...
• 客户
  • src
    
    • / images
    • index.js
    • package.json
    • ...
  • 公开

我有一个表单，提交后将其上传到文件夹'client / src / images'中。之后，该页面会自动重新加载。我有带有用户模型的数据库，并且该模型具有字符串格式的图像。因此，提交表单后，会创建一个新图像并将其推送到'/ images'文件夹中，从而导致页面重新加载。我需要防止这种情况。如何禁用对观看此特定文件夹的反应？或者作为替代，我想将图像加载到src目录之外。我发现 react-app-rewired ，但是我真的不明白。

感谢您的回答/建议！

Answer 1

执行此操作，好吧，所以您要做的就是从按钮中删除提交类型 <input type="button" value="Basic file Upload"> 或在onClick事件而不是Submit上调用imageUplaod函数。
它可以重新设置为Web pack，您可以忽略images文件夹：

module.exports = {   
devServer: {     
   watchOptions: {
      ignored: [ path.resolve(__dirname, 'dist'),         
                 path.resolve(__dirname, 'node_modules'),         
                 path.resolve(__dirname, 'images') // image folder path 
                ]    
}},}