react-native - 使用 axios 使用 rest api

Question

我想在 react native 中使用带有 axios 的 rest api。我想得到一个特定的项目，所以 URL 如下/book/637777378 我如何用 axios 传递那个数字 id。
到目前为止我所做的:

import axios from 'axios';
import config from '../Config'

const requestHelper = axios.create({
    baseURL: config.prodBaseUrl,
});

export default {
    books: {
        getAll: () => requestHelper({
            url: 'books',
            method: 'get',
        }),
        getOne: bookId => requestHelper({
            url: 'books/' + bookId, // '5f914f39342ba5b506cb386f',
            method: 'get',
        }),
        create: data => requestHelper({
            url: 'books',
            method: 'post',
            data,
        }),
    },
};

代码不工作。但是，如果我将图书 ID 硬编码为:

url: 'books/' + '5f914f39342ba5b506cb386f',

调用我执行的操作:

const bookId = this.props.navigation.getParam('bookId')

console.log(bookId);   // The bookId is NOT NULL. Is CORRECT!

getChatRoom(bookId);

我的错误在哪里？
谢谢

Answer 1

使用反引号代替单引号按如下方式更改 URL

url: `books/${bookId}`

bookId 是变量。要在字符串中添加变量，您必须使用反引号并将变量放在 ${variable_name} 中