1.Container.jsx
import { cloneElement } from react;
export default ({ element = <div/>, children}) => {
const styles = elemnt.props.style
return cloneElement(element, {
style: Object.assign({}, styles, {
width: '100%',
maxWidth: '1200px',
paddingLeft: 20,
paddingRight: 20,
marginLeft: 'auto',
marginRight: 'auto'
}),
children
})
}
2. 使用
<Container element={<div> className='xxx' />}></Container>
