如何使用作出反应类语法当一个声明样式组件之外的阵营组件的render()
方法吗?
我的动机是有状态的组件被意外地重新安装。他们正在重新安装,由于他们的父母被风格化成分,并在render()
方法声明。这将导致重新家长每一个渲染,因而他们的孩子的状态正在重置。本主题的讨论styled-components FAQ。
我们做的是建立一个风格化组件外渲染,然后用户就:
example.jsx // statefull component
const StyledDiv = styled.div `
.... styles
`;
class Header extends Component {
render() {
return (
... use StyledDiv here
);
};
} ;