ReactJS 完全或部分提升状态

如何解决ReactJS 完全或部分提升状态

我有一个应用程序，在某些情况下，我将状态提升到最近的祖先。但是，我遇到了一个例子，我取消了一些州，而将其他州留在了本地。这是一个好习惯吗？从长远来看，这会让人感到困惑吗？

textField 组件

export const FieldInput = props => {
    // local
    const {
        inputId,inputLabel,inputValue,} = props;
    
    return(   
        <>
            <TextField
                id={inputId}
                label={inputLabel}
                value={inputValue}
                className={props.classes.textField}
                onChange={props.handleChange}
                data=""
            />
        </>
    )
}
export default withStyles(styles)(FieldInput);

具有解除状态的最近祖先

 const [textState,setTextState] = useState({
            textTitle: "Please Provide Title",textRequiermentPoc: "Please Provide POC",textDirectingRequierment: "",textRequiermentDescription: "",});

 const handleTitleText = (event) => {
    setTextState({
        textTitle: event.target.value,})
 }

 const handleRequiermentPocText = (event) => {
    setTextState({
        textRequiermentPoc: event.target.value,})
 }

输入表单

 <FieldInput
  inputLabel={"Requirement point of contact"}
  inputId={"requiermentPOC"}
  inputValue={textState.textRequiermentPoc}
  handleChange={handleRequiermentPocText}>
 </FieldInput>