Question

如果radius in，我试图将circle文件中r SVG Site_Catagories的{{1}}值设为3数据不是VCP Core或VCP Lab。如果该语句为真，那么我希望该值为5.我想使用IF/ELSE语句来完成此操作，但不断出现错误。我究竟做错了什么？

<g id="dots">
    {data.sites.map((item, i) => {
        return (
            <circle 
                key={i + i + '--'} 
                id={'dot' + (i + 1)} 
                class="cls-2" 
                cx={(180 + item.attributes.address.Longitude) * (1552 / 360)} 
                cy={(90 - item.attributes.address.Latitude) * (818/ 180)} 
                r={
                    if (item.attributes.Site_Catagories === 'VCP Core' || 'VCP Lab') { 
                        document.write(5);
                    }else { 
                        document.write(3);
                    }
                }
                alt={item.attributes.title} 
                fill='white'
            />
        )
    })}
</g>

Answer 1

我们无法在if-else/switch内直接使用JSX语句，使用ternary operator或从function拨打JSX并使用{{1在那里。

使用三元运算符：

这样写

if-else/switch

参考：http://reactjs.cn/react/tips/if-else-in-JSX.html

使用If / Else在ReactJS中写入圆的半径

1 个答案: