Assign object to a variable before exporting as module default warning

user_14667910 0
Viewed 20200
    import axios from 'axios'

const baseUrl = 'http://localhost:3001/persons';

const getAll = () => {
    return axios.get(baseUrl);
}

const create = (newObject) => {
    return axios.post(baseUrl,newObject);
}

export default {
    getAll:getAll,
    create:create
}

Using axios to fetch data from server(in reactjs from json server), everything works fine but console shows this warning: Line 13:1: Assign object to a variable before exporting as module default. How to remove this warning??

reactjs javascript
3 Answers

You need to assign the object to a variable before exporting it as default.

const exportedObject = {
     getAll,
     create,
};

export default exportedObject;
user_131680800

You can also export the function individually to get rid of the warning:

import axios from 'axios';

const baseUrl = 'http://localhost:3001/persons';

export const getAll = () => { return axios.get(baseUrl); }
export const create = (newObject) => { return axios.post(baseUrl, newObject); }
user_160513990

You can remove this warning by just adding the comment "// eslint-disable-next-line" before export.

import axios from 'axios'

const baseUrl = 'http://localhost:3001/persons';

const getAll = () => {
    return axios.get(baseUrl);
}

const create = (newObject) => {
    return axios.post(baseUrl,newObject);
}

// eslint-disable-next-line
export default {
    getAll:getAll,
    create:create
}
user_160839560
Related