我是React的初学者,因此请指导我。我想制作一个公共的父组件,作为组件实际实现的模板。它将拥有通用的道具和方法。从该组件继承的组件可以以不同的方式操作道具,例如某些可以为其提供默认值,某些可能不需要它们等等。其有点像Java中的抽象类。
用例示例:
我想为不同的输入类型(例如数字,日期等)制作组件。我想编写一个通用的BaseInputComponent,它看起来像这样:
<BaseInputComponent
type={..}
value={..}
placeholder={..}
...
/>
然后,我可能会写不同的组件,例如
class DateInput extends BaseInputComponent {...}
但是我在某处读到这不是一个好习惯。在React中,组合比继承更可取。但是我不知道如何在实践中使用它?
最佳答案
您可以像这样导入BaseInputComponent
import BaseInputComponent from './baseInputComponent'
class DateInput extends Component{
constructor(props){
super(props)
}
...
render(){
return(
<BaseInputComponent type={date} value='20-12-2018' placeholder='Date' />
)
}
}