Как получить данные о компонентах шагового интерфейса Material в ReactJS

#reactjs #material-ui #react-context #uistepper

Вопрос:

Я создал stepper пользовательский интерфейс материалов, затем я сохранил данные в StepperContext.js используя контекст реакции,теперь у меня есть данные в chrome->компоненты->>крючки->>>состояние>>> как я могу получить эти данные в консоли.

StepperContext.js

    export const multiStepContext = React.createContext();
const StepperContext = () => {

    const [CurrentStep, setCurrentStep] = useState(1);
    const [UserData, setUserData] = useState([]);
    const [FinalData, setFinalData] = useState([]);
      function sumbitData()
    {
        setFinalData(FinalData=>[...FinalData,UserData]);
        setUserData('');
      
    }
    return (
        <div>
            <multiStepContext.Provider value={{ CurrentStep, setCurrentStep, UserData, setUserData, FinalData, setFinalData, sumbitData, }}>
                <Register/>
            </multiStepContext.Provider>
       
         
        </div>
    )
}
export default (StepperContext);
 

выход