<div className = {classes.SportsEditTabContentFooter}>
<div>Sports Status</div>
<div>
<Button variant = "outlined" className = {classes.button}>
Cancel
</Button>
<Button variant = "outlined" onClick = {this.saveSports} className = {classes.button}>
Save Sports test
</Button>
</div>
</div>
saveSports = () => {
console.info("saveSports---->");
console.info(this.state.Sports);
let saveSports = this.state.Sports;
saveSports.updatedBy = 'raj';
saveSports.priceRuleDescription = "test description";
axios
.put(
'http://t/Sports/' + saveSports.SportsID,
saveSports,
{ headers: { 'Content-Type': 'application/json' } }
)
.then(r => console.info(r))
.catch(e => console.info(e));
//this.toggleDrawer("right", false);
this.setState({ right: false });
this.setState({ snackBarOpen: true });
setTimeout(() => {
this.setState({ snackBarOpen: false });
}, 6000)
};



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Поскольку вы пытаетесь связаться с другим доменом из-за CORS, браузер автоматически отправляет запрос OPTIONS. А серверная часть этого не ожидает, поэтому по какой-то причине возвращает 403.
Имея это в виду, ваша потребность
Для решения вашего вопроса достаточно каждого варианта. Но решать, что удобнее в вашем случае, решать вам.
PS на всякий случай: нет, нет способа избежать отправки запроса OPTIONS перед полетом, настроив axios, заменив axios другим пакетом, вызовом fetch() или собственным XmlHttpRequest или любым другим простым изменением в вашем клиентском коде, поскольку это фундаментально (безопасность!) особенность современных веб-браузеров
у вас есть демо, куда я могу сослаться?