Question

我喜欢反应，也喜欢使用

export default props => (
    <div className="SuperStyled">
        {props.textMain}
        <div className="moreDetail">
           {props.textSub}
        </div>
    </div>
)

允许我在运行中快速使用特殊样式的组件。但是我发现，如果我做了一些更详细的操作，就可以使用组件调用中的小样式更快地构建页面甚至。

export default props => (
    <div className={'SuperStyled ' + props.textColor + " " + props.shadowColor}>
        {props.textMain}
        <div className="moreDetail">
           {props.textSub}
        </div>
    </div>
)

那是当我注意到如果我不通过props.textColor的情况，则默认为undefined。哪种排序有意义。

是否仍然可以在这种样式的组件中检查是否未通过 props 它将默认为某些内容（例如' '）？

Answer 1

您可以做类似的事情

    Date oldfashionedJavaSqlDate = Date.valueOf(realDate);
    System.out.println("Date converted back to " + oldfashionedJavaSqlDate);

使笨拙的组件变得更聪明

1 个答案: