styled-components 文档中使用了什么符号？

Question

在 styled-components 的文档中，您通常会看到示例中使用的以下符号

const Button = styled.button`
  color: palevioletred
`;

render(
    <Button>Click me</Button>
);

JSX 作为参数传递给 render 在我开始学习样式组件时真的让我失望了。这是 React 中的某种替代符号，我不知何故错过了吗？它是否意味着 React 渲染函数的 return 值的伪代码 shorthand？它是某种可以与 styled-components 一起使用的 DSL 吗？

Answer 1

styled-components 网页使用 React Live 渲染演示组件，所以 that render() 是 React Live 启用的特定命令形式，是与样式组件没有直接关系。

话虽这么说，将 JSX 传递给 render() 函数并没有什么特别之处：您通常使用 ReactDOM.render() 来实现。 JSX 编译成 React.createElement()，所以你实际传递给函数的是一个 React 元素。

What notation is used in the styled-components documentation?