英文:
change height, width values based on variable in react-simple-image-slider
问题
我正在使用 React 实现类似图像幻灯片的东西，使用了 npm 包 - react-simple-image-slider。
实现如下：
export default function Home(){
const images = [
{ url: "images/1.jpg" },
{ url: "images/2.jpg" },
{ url: "images/3.jpg" },
];
const open = true;
<SimpleImageSlider
width={`${open ? 896 : 880}`}
height={`${open ? 430 : 440}`}
images={images}
showBullets={true}
showNavs={true}
/>
}
我尝试根据一个变量改变高度和宽度，但这并没有加载任何内容。页面是空白的。我是否遗漏了什么。请帮忙。
英文:
i am implementing an image slideshow kind of thing in react using npm package - react-simple-image-slider.
implementation->
export default function Home(){
const images = [
{ url: "images/1.jpg" },
{ url: "images/2.jpg" },
{ url: "images/3.jpg" },
];
const open = true;
<SimpleImageSlider
width={`${open ? 896 : 880}`}
height={`${open ? 430 : 440}`}
images={images}
showBullets={true}
showNavs={true}
/>
}
i am trying to change height, width based on a variable. but this doesnt load anything. page is empty. am i missing something. please help.
答案1
得分: 0
你可以尝试直接传入数值，并按照以下代码进行条件设置，我认为它会按预期工作。
<SimpleImageSlider
width={open ? 896 : 880}
height={open ? 430 : 440}
images={images}
showBullets={true}
showNavs={true}
/>
英文:
you can try passing in numeric values directly and conditionally set them like follow code, I think it will work as expected.
<SimpleImageSlider
width={open ? 896 : 880}
height={open ? 430 : 440}
images={images}
showBullets={true}
showNavs={true}
/>
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论