如何在样式化组件中正确编写道具？

Question

如果存在background，我需要根据条件更改props.src。第一部分工作正常，但是放置props => props.src的位置未正确呈现。

结果是：

Answer 1

您只需要props.src而不是网址中的函数props => props.src：

background: ${props => props.src === "" ? "#eff1f2" : `url(${props.src}) no-repeat center`};

样式化的组件不会执行嵌套的内部函数，因此只会被字符串化。