Question

我找不到一个做任何类似的事情的问题。我知道如何在React或HTML中构建文本框，但是我不确定如何将输入解析为URL，返回显示的内容。

基本上我需要： -一个以URL作为输入的文本框 -返回URL的内容 -将文本存储在URL中的数组中

还有其他一些事情要做，但是这些是我最大的阻碍。

这是HTML中的文本框： https://github.com/mdn/learning-area/blob/master/html/forms/your-first-HTML-form/first-form-styled.html

这是React中的一个文本框： https://codepen.io/gaearon/pen/VmmPgp?editors=0010

我已经成功设置了两者以接受输入，但是不确定如何显示所述输入的内容。我知道有一个叫做Ajax请求的东西吗？但是文档很难遵循。

input = url
display(url)
newList = list(text(url))

Answer 1

如果我理解正确，那就是你想要的

<textarea ref="searchURL" placeholder="Enter URL..." onChange={this.getData}/>

getData(){
   let url = this.refs.searchFeed.value;
   this.refs.searchFeed.value = '';

   fetch(url)
     .then(response => {
         return response.json();
      })
      .then((res) => {
        console.log(res);
      })
      .catch((error) => {
        console.log("error", error)
        reject(error);
      });

}

从文本框中输入url作为输入，并返回url的内容

1 个答案: