render()使用 React 类语法时，如何在 React 组件的方法之外声明样式组件？
我的动机是有状态的组件被意外重新安装。由于它们的父组件被样式化并在render()方法中声明，它们被重新安装。这会导致父母在每次渲染时都被重新创建，因此他们的孩子的状态会重置。这个主题在styled-components FAQ 中讨论。
我们所做的是在渲染之外创建样式组件，然后使用它：
example.jsx // statefull component
const StyledDiv = styled.div `
.... styles
`;
class Header extends Component {
render() {
return (
... use StyledDiv here
);
};
} ;
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句