反应条件内联样式不起作用

如何解决反应条件内联样式不起作用

我在输入此样式时遇到问题

原文如下

<div style={{display: "grid",gridTemplateColumns: "2fr 1.1fr",textAlign: "center"}}></div>

但我正在尝试做类似的事情：

const gridStyle = {display: "grid",textAlign: "center"}
<div style={noGrid ? {""} : gridStyle}></div>

如果 noGrid 为真，我基本上尝试使用空样式但显然我不能像那样分配它

输入'字符串| { 显示：字符串； gridTemplateColumns：字符串； 文本对齐：字符串； }' 不可分配给类型 'Cssproperties'。
“string”类型与“Properties'.ts(2322)

解决方法

我认为您的第一个案例渲染的 css 格式不正确。也许像

Kstreams<String,Data> res = source.flatTransform(() -> transformer()) .groupByKey(Grouped.with(...) .windowedBy(...) .reduce((prev,next) -> {})

行得通吗？

,

请尝试以下代码。理想情况下它应该工作。