create-react-app我用的是react-bootstrap v5包，导入bootstrap组件的时候，有FormControl、FormGroup、FormCheck等组件，但是我只能直接导入Form，在jsx中这样使用：Form.Group、Form.Control等，使用点符号表示，差异在哪里，还是与<FormGroup>、<FormControl>等相同？
Form.Group
Form.Control
<FormGroup>
<FormControl>
db2dz4w81#
就我所知，最主要的优点是你不必导入Form.Label如果你已经导入了Form，你将不得不输入FormLabel，可能还有一堆表单使用的其他控件。由于表单是如此的常见，并且需要快速编写，点标记法是有用的（我猜）。不幸的是，这些建议似乎是冲突的这些天：他们说写函数组件，但也要使用点标记法......但点标记法总是更适合于类，函数（尤其是现在使用的匿名函数）就像黑盒子，类被设计成分层地暴露内部结构。好消息是React Bootstrap 的编写方式似乎像传统类一样强制执行分层结构;我真的不能读他们的代码在表面价值，但他们似乎这样做与一个前向引用，这是奇怪的...无论如何，他们似乎知道他们在做什么：https://github.com/react-bootstrap/react-bootstrap/blob/master/src/Button.tsx
1条答案
按热度按时间db2dz4w81#
就我所知，最主要的优点是你不必导入Form.Label如果你已经导入了Form，你将不得不输入FormLabel，可能还有一堆表单使用的其他控件。由于表单是如此的常见，并且需要快速编写，点标记法是有用的（我猜）。不幸的是，这些建议似乎是冲突的这些天：他们说写函数组件，但也要使用点标记法......但点标记法总是更适合于类，函数（尤其是现在使用的匿名函数）就像黑盒子，类被设计成分层地暴露内部结构。好消息是React Bootstrap 的编写方式似乎像传统类一样强制执行分层结构;我真的不能读他们的代码在表面价值，但他们似乎这样做与一个前向引用，这是奇怪的...无论如何，他们似乎知道他们在做什么：https://github.com/react-bootstrap/react-bootstrap/blob/master/src/Button.tsx