Блог

Главная - Вопросы по программированию - ошибка «Ошибка типа: элемент.тип не определен» isMuiElement

ошибка «Ошибка типа: элемент.тип не определен» isMuiElement

#reactjs #material-ui

#reactjs #материал-пользовательский интерфейс

Вопрос:

Я пытаюсь создать форму в react, используя material-ui, но я получаю эту ошибку при импорте элемента из material-ui.

вот ошибка:

введите описание изображения здесь

вот мой код:

 import React from 'react'
import{Button, TextField} from '@material-ui/core';

export default function Info() {
return (
    <div>
        <TextField label="First name" margin="normal" variant='outlines' color= 'secondary'/>
        <TextField label="First name" margin="normal" variant='outlines' color= 'secondary'/>
        <TextField label="First name" margin="normal" variant='outlines' color= 'secondary'/>
        <Button variant='contained' color='primary'>Next</Button>
    </div>
)
}

Ответ №1:

Вы изменяете значение атрибута текстового поля. вариант = «контуры» -> вариант = «контуры»

Комментарии:

1. спасибо, я только что изменил его, но он по-прежнему выдает мне ту же ошибку… Правильно ли я импортирую элементы? Я всегда делаю это так, но я не знаю…

2. У меня есть еще один вопрос: я использую постоянный ящик, который скрывается только в мобильной версии, однако содержимое моей страницы скрыто за ним. Как мне убедиться, что мой контент всегда находится в центре? спасибо, вот скриншот [![введите описание изображения здесь][1]][1] [1]: i.stack.imgur.com/dBrPO.png

3. Я не знаю, правильно ли я понял, потому что я не силен в английском. Если ваш вопрос заключается в том, как отобразить содержимое по центру, вы должны указать родительскому элементу display:»flex»; alignItems:»center»; justifyContent:»center». Если ответ не соответствует вашему вопросу, пожалуйста, спросите меня еще раз.