组件实战-Space间距组件
学习目标
- 理解并掌握 组件实战-Space间距组件 的核心原理与工程实践
总结
我们自己实现了 antd 的 Space 组件。
这是一个布局组件，可以通过参数设置水平和竖直间距、对齐方式、换行等。
我们用到了 React.children 的 api 来修改 children，然后根据 props 来确定 className，然后还有 context 的读取。
这个组件并不复杂，但这种把布局抽离成组件来复用的方式还是很值得学习的。
我们自己实现了 antd 的 Space 组件。
这是一个布局组件，可以通过参数设置水平和竖直间距、对齐方式、换行等。
我们用到了 React.children 的 api 来修改 children，然后根据 props 来确定 className，然后还有 context 的读取。
这个组件并不复杂，但这种把布局抽离成组件来复用的方式还是很值得学习的。