gpt4 book ai didi

javascript - ReactJS:使用函数定义样式属性

转载 作者:行者123 更新时间:2023-11-29 16:46:14 24 4
gpt4 key购买 nike

是否可以通过函数定义 CSS 内联样式?我正在尝试这样做:

render() {
var listStyle = {
position: "relative",
display: () => {
console.log("Still alive")
if(this.state.open) {
return "block";
}
else return "none";
}
return <li style={listStyle}>
.....
}

没有用。它甚至不会记录“还活着”,因此该函数甚至不会执行。我知道在 JS 中将函数分配给对象没有问题,那又如何呢?

最佳答案

你可以尝试这样做,更简单

var listStyle = {
position: "relative",
display:this.state.open?'block':'none'
}

我认为样式对象只是访问属性中的值

但如果你真的喜欢功能。你可以使用自执行匿名函数让它运行

var listStyle = {
position: "relative",
display: (()=>{
console.log('alive')
if(this.state.open){
return 'block'
}else{
return 'none'
}
})()

}

关于javascript - ReactJS:使用函数定义样式属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41155687/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com