Я ищу способы наследования родительского состояния и типов функций в дочернем компоненте, чтобы мне не приходилось переопределять их в дочернем компоненте.
У меня есть родительский компонент следующим образом:
const TagPopupModal: React.FC = () => {
// state
const [addTagPressed, setAddTagPressed] = useState<boolean>(false);
const [tagList, setTagList] = useState<userTagType['tags'][]>(
[],
);
// function
function addToTagList(tag: tagListType) {
...
}
return (
...
<TagListView
addTagPressed={addTagPressed}
tagList={tagList}
addToTagList={addToTagList}
/>
)
}
В родительском компоненте я определил типы состояния и тип параметра для функции. Они передаются дочернему компоненту.
Теперь в дочернем компоненте у меня есть следующее:
interface PropTypes {
addTagPressed:boolean;
tagList: Array<userTagType['tags']>;
addToTagList: (value: taglistType) => void;
}
const TagListView: React.FC<PropTypes> = ({
addTagPressed,
tagList,
addToTagList,
}) =>{
...
}
Как видите, мне пришлось снова определить те же типы для свойств, но с использованием интерфейса в дочернем компоненте. Это требует много времени, есть ли способы напрямую наследовать типы состояния и функций от родителя?
Какой способ был бы наиболее эффективным?
Спасибо,