axios delete function not working - reactjs

Question

I am trying to create a delete button, on my surveys i have the delete button and my end api created however nothing happens when i hit delete on the survey please help.
This is where my delete button and function is.
created a new function called newDelete and passed it the survey._id but that is not working either
SurveyList.js
import React, { Component } from 'react';
import { connect } from 'react-redux';
import { fetchSurveys } from '../../actions';
import { deleteSurvey } from '../../actions';
class SurveyList extends Component {
componentDidMount() {
this.props.fetchSurveys();
}
newDelete() {
deleteSurvey('{survey._id}');
}
renderSurveys() {
return this.props.surveys.reverse().map(survey => {
return (
<div className="card darken-1" key={survey._id}>
<div className="card-content">
<span className="card-title">{survey.title}</span>
<p>
{survey.body}
</p>
<p className="right">
<button type="button" onClick={this.newDelete}>DELETE</button>
Sent On: {new Date(survey.dateSent).toLocaleDateString()}
</p>
</div>
</div>
);
});
}
render() {
return (
<div>
{this.renderSurveys()}
</div>
);
}
}
function mapStateToProps({ surveys }) {
return { surveys };
}
export default connect(mapStateToProps, { fetchSurveys })(SurveyList);
where i have my api's.
index.js
import axios from "axios";
import { FETCH_USER, FETCH_SURVEYS } from "./types";
export const fetchUser = () => async dispatch => {
const res = await axios.get("/api/current_user");
dispatch({ type: FETCH_USER, payload: res.data });
};
export const submitSurvey = (values, history) => async dispatch => {
const res = await axios.post("/api/surveys", values);
history.push("/surveys");
dispatch({ type: FETCH_USER, payload: res.data });
};
export const fetchSurveys = () => async dispatch => {
const res = await axios.get('/api/surveys');
dispatch({type: FETCH_SURVEYS, payload: res.data })
};
export const deleteSurvey = (values, history) => async dispatch => {
const res = await axios.delete('api/surveys', {params: {'_id': values}});
history.push("/surveys");
dispatch({ type: FETCH_USER, payload: res.data });
};
this is the part of the code where i am trying to just delete the surveys. any help will be greatly appreciated thanks.nothing happens no errors nor any console issues.