So verspotten Sie Daten in React

So reagieren Sie auf Scheindaten: Erstellen Sie zunächst die Datei [/api/headerList.json] im öffentlichen Verzeichnis und fügen Sie dann den entsprechenden Code hinzu [axios.get('/api/headerList.json')].

Die Betriebsumgebung dieses Tutorials: Windows7-System, React17-Version, Thinkpad T480-Computer.

Mock-Data-Methode reagieren:

Der folgende Code ruft die getList()-Methode auf, wenn die Eingabe den Fokus erhält. getList()方法。

const mapDispathToProps = (dispatch) => {
    return {
        handleInputFocus() {
            dispatch(actionCreators.getList())
        }
    }
}

getList()方法是通过Ajax获取数据，此时后端并没有写好，所以自己mock一个数据。

export const getList = () => {
    return (dispatch) => {
        axios.get('/api/headerList.json').then((res) => {
            const data = res.data;
            console.log(data)
        }).catch(() => {
            console.log('error')
        })
    }
}

axios.get('/api/headerList.json')这句代码，计算机会首先去src目录下寻找/api/headerList.json，没有找到然后去public目录下找，此时我们在public目录下建立/api/headerList.json文件，文件如下：

{
    "success":true,
    "data":["微信","支付宝","蚂蚁金服","被骗","借呗","诈骗","盗窃","pandas","TensorFlow","PyTorch","Caffe","scikit-learn","Python","Keras","pyecharts","ggplot","Matplotlib","Gensim","Bokeh","Theano","Scrapy","SciPy","Plotly","NumPy","XGBoost","是","他","有","光大永明","我","要","人","Android","女","大","不","着","男","它","二","于","中","java","把","上","这","下","的","了","来"]
}

此时返回的数据就是以上数据，通过console.log(res.data)rrreee

Die getList()-Methode ruft Daten über Ajax ab. Zu diesem Zeitpunkt wurde das Backend noch nicht geschrieben, daher verspotte ich die Daten.

rrreeeaxios.get('/api/headerList.json')Mit diesem Code geht der Computer zuerst in das src-Verzeichnis, um nach /api/headerList.json zu suchen gefunden, wird es in das öffentliche Verzeichnis gehen, um danach zu suchen. Zu diesem Zeitpunkt erstellen wir die Datei /api/headerList.json im öffentlichen Verzeichnis. Die Datei lautet wie folgt:

rrreee

Die zu diesem Zeitpunkt zurückgegebenen Daten sind Drucken Sie die Daten über console.log(res.data) aus, wie unten gezeigt:

Auf diese Weise sind die Scheindaten erfolgreich. Verwandte kostenlose Lernempfehlungen:

Javascript

🎜🎜(Video)🎜🎜🎜

Das obige ist der detaillierte Inhalt vonSo verspotten Sie Daten in React. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!