小编rey*_*359的帖子

如何在我的 React 应用程序中正确编写 FormData?

我在我的应用程序中添加了一个表单。当我将表单数据发送到我的本地服务器时,我创建了一个带有标题的图像。当我附加图像时,我应该使用input type="file". 另外,我应该在我的应用程序中使用 FormData。

但是当我编写组件时,我'formElem' is not defined在代码中注释的两行中出现错误。我如何解决它?

这是我的组件代码:

const AddImage = (props) => {
     formElem.onsubmit = async (e) => {         // ERROR THERE
       e.preventDefault();

          try {
              const response = await api(`${imageRoute}`, {
                  method:'POST',
                  body: new FormData(formElem),    // ERROR THERE
              }); 

          } catch(e) { 
              console.error(e);
          }   
    };

   return (

    <div className="formImage">

       <form id="formElem">
          <input type="text" name="name" value=""/>
          <input type="text" name="surname" value=""/>
          <input type="file" name="picture" accept="image/*"/>

        <div className="formButtonImage">
          <button type="submit">Add</button>
        </div>

       </form>
   </div>
   );
};
Run Code Online (Sandbox Code Playgroud)

javascript reactjs

6
推荐指数
1
解决办法
544
查看次数

在 Markdown 语法中表示目录和文件结构时,哪种语言适合围栏代码块?

我想用 Markdown 语法表示我的目录和文件结构,并使用像这样的围栏代码块:

project
??? client
??? server
Run Code Online (Sandbox Code Playgroud)

问题是我的Markdown linter和其他Markdown 样式指南建议Always specify the language of the code在使用像这样的 Fenced 代码块时:

```language
a = 1
Run Code Online (Sandbox Code Playgroud)

我想知道是否应该在不指定语言的情况下保留它,添加一个随机的语言,或者是否有针对这种情况的特定语言可以突出显示结构。

directory markdown syntax-highlighting directory-structure r-markdown

5
推荐指数
1
解决办法
1377
查看次数

如何在 helm values.yaml 文件中隐藏密码

我们正在为我们的产品使用掌舵图表,我们需要找出如何在掌舵图表中隐藏密码或秘密。任何人都可以帮助我们吗?

kubernetes-helm

5
推荐指数
1
解决办法
3308
查看次数

如何在 puppeteer 中获得所有 xhr 调用?

我正在使用puppeteer加载网页。

const browser = await puppeteer.launch({ headless: true });
  const page = await browser.newPage();
  await page.setRequestInterception(true);
  page.on('request', (request) => {
    console.log(request.url())
    request.continue();
    ...
  }
}
await page.goto(
    'https://www.onthehouse.com.au/property-for-rent/vic/aspendale-gardens-3195',
    { waitUntil: 'networkidle2' },
  );
Run Code Online (Sandbox Code Playgroud)

我将请求拦截设置为true并记录所有请求 url。我记录的请求比我在 chrome 浏览器中加载 url 时的请求少得多。至少有一个请求https://www.onthehouse.com.au/odin/api/compositeSearch可以在 chrome 开发工具控制台中找到,但没有显示在上面的代码中。

我想知道如何记录所有请求?

javascript xmlhttprequest request node.js puppeteer

5
推荐指数
1
解决办法
1693
查看次数

更改选择选项中的选定值

我目前在更改下拉列表的值时遇到问题。我目前正在https://www.reebok.com/us/cart上向我的购物车添加商品。我正在尝试更改数量。

我正在尝试将我的 java 代码重写为 javascript。话虽如此。

Select select = new Select(driver.findElement(By.xpath("//* [@id=\"app\"]/div/div/div/div/div[2]/div/main/div[1]/div/div/div/div/div/div[2]/div[2]/div[2]/div/div/select")));
select.selectByVisibleText(5);
Run Code Online (Sandbox Code Playgroud)

目前使用 Selenium 库在 Java 中为我工作。但是在 Javascript 中,我无法模拟相同的步骤。我已经尝试了一切。

编辑:我试过了

var select= document.evaluate('//*[@id="app"]/div/div/div/div/div[2]/div/main/div[1]/div/div/div/div/div/div[2]/div[2]/div[2]/div/div/select', document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
select.selectedIndex=7;
Run Code Online (Sandbox Code Playgroud)

document.getElementsByClassName('gl-dropdown-native__select-element')[0].value=7;
Run Code Online (Sandbox Code Playgroud)

javascript dropdown

5
推荐指数
1
解决办法
116
查看次数

解析服务器 - 如何使用调度程序一遍又一遍地运行“作业”

我花了一整天的时间试图让某种调度程序与我的解析服务器(在 AWS Beanstalk Node.js 上运行)一起工作,我能够在 js 文件中获取一些代码,但它似乎没有工作。有什么办法可以设置某种调度程序,这样我就不必通过仪表板手动运行我的作业了吗?

amazon-web-services node.js parse-platform parse-server

4
推荐指数
2
解决办法
2847
查看次数

Visual Studio Code - 文件图标颜色

更新到 VS Code 1.46.1 后。我看到两个差异。.js 文件的颜色。任何文件中都没有代码更改,那么为什么 1 个 js 文件图标为黄色,其他为橙色。这两种不同颜色的含义是什么?

在此输入图像描述

这是安装后自动启用的默认主题。 在此输入图像描述

visual-studio-code

4
推荐指数
1
解决办法
2598
查看次数