Javascript 将引导幻灯片的最大宽度设置为图像的自然宽度

bootstrap4旋转木马的默认设置会拉伸幻灯片以适应页面的整个宽度，而不考虑子图像的水平像素。我希望渲染的图像幻灯片的最大宽度与图像的自然宽度相同，以防止图像质量不佳。我尝试了下面的代码，但它不起作用。我也在用react

$('#carousel-home').on('slide.bs.carousel', function onSlide (ev) {
    let con = document.getElementById('carousel-home')
    console.log(typeof(con))
    con.style.maxWidth = ev.relatedTarget.getElementByTagName('img').naturalWidth
})