我是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' />
  )
 }

}

08-17 00:58