Question

我正在尝试将数据从API传递到我的网站。

我的目录：

项目> server.js |公开

public> index.html | styles.css

我的代码（其中一部分）在server.js中：

var link, txt; // I want to export these 2 variables to the website

fetch(`url`)
    .then(res => res.json())
    .then(body => {
     console.log(body); //receiving a json body and assigning data to both variables
     link = body.path;
     txt = body.path;
    })
    .catch(error => {
      console.log(error);
});

我没有找到任何方法来将其操作为index.html，有什么好的建议吗？通过React和Node可以做到吗？

在React的App.js中，我想要类似的东西：

<p>{link} or {text}</p>

我是网络开发人员的新手，您能提供的任何帮助将不胜感激。

Answer 1

这会更容易做出反应，但是也可以使用纯HTML来实现。您可以在前端获取数据并使用document.getElementById之类的DOM API操作所需的<p>节点，并在获取承诺得到解决后更改inner html

Answer 2

对于未来的人们，找到了一种使用React（https://reactjs.org/）和Node express（https://nodejs.org/en/）的方法。不知道这是否是最好的方法，但是它对我有用：

    tapDelGestureRecognizer.Tapped + = (s, e) =>
    {
        MainThread.BeginInvokeOnMainThread (() =>
        {
            var row = Grid.GetRow ((Image) s);
            BandMusiker.RemoveAt (row - 1);
            for (var i = grdMusiker.Children.Count - 1; i> = 0; i--)
            {
                if (Grid.GetRow (grdMusiker.Children [i]) == row)
                {
                    grdMusiker.Children.RemoveAt (i);
                }
            }
        });
    };

如何将数据从Fetch API传递到index.html

2 个答案: