Кнопка пользовательского интерфейса материала: e.target.name не определено - PullRequest
Новая
       8

Кнопка пользовательского интерфейса материала: e.target.name не определено

0 голосов
/ 15 декабря 2018

следующий код возвращает неопределенное значение для [e.target.name] для кнопки многоязыкового интерфейса пользователя, тогда как для TextField это не проблема.Я что-то упускаю здесь?

Thks and rgds

apps.js 

            <TextField
                id="password"
                name="password"
                label="Mot de passe"
                type="password"
                placeholder="votre MDP"
                defaultValue=''
                margin="normal"
                onChange={handleOnChange}

            />
            <Button
                id="test"
                name="test"
                variant="outlined"
                color="primary"
                className={classes.button}
                style={{ margin: '2rem' }}
                onClick={handleOnClick}
            >
                Connect
            </Button>

helpers.js 

export const handleOnChange = e => {

    console.log([e.target.name], e.target.value);
}

export const handleOnClick = e => {
    e.preventDefault();
    console.log([e.target.name], 'submit');
}

в консоли 

["password"] "xx"
[undefined] "submit"

Ответы [ 2 ]

0 голосов
/ 15 декабря 2018

Что я изменяю, чтобы оно работало и было более общим 

<form name="loginform" id="loginform" onSubmit={handleOnSubmit}  >
     <Button
       id="test"
       variant="outlined"
       color="primary"
       className={classes.button}
       style={{ margin: '2rem' }}
       type="submit"
       form="loginform"
     >
0 голосов
/ 15 декабря 2018

Из документов пользовательского интерфейса:

1- https://material -ui.com / api / button /

ожидаемое свойство отсутствует name

2- https://material -ui.com / api / text-field / # textfield-api

есть ожидаемое свойство name

Кнопкам обычно не нужен атрибут имени.

Не могли бы вы уточнить, зачем вам это нужно?

...