Question

我是learningig React，但e.target.value出现问题，它在控制台中返回undefined。下面的代码：

class Wrapper extends React.Component {

    showMessage = (e) => {
        e.preventDefault()
        console.log(e.target.value)
    }

    render() {
        return (
            <form onSubmit={this.showMessage}>
            <input placeholder="name" name='name'/>
            <input placeholder="name" name='surName'/>
            <button type="submit">
                Wyświetl mnie!
            </button>
        </form>
        )
    }
}


ReactDOM.render(

    < Wrapper />,

    document.getElementById('root')
);

Answer 1

showMessage = (e) => {
        e.preventDefault();
        const formData = new FormData(e.target);

        console.log(formData.get('name'));
        console.log(formData.get('surName'));
    }

Answer 2

表单元素（在这种情况下就是e.target）没有value。我假设您实际上是想从输入之一中获取值

为什么控制台放弃未定义而不是输入值，React

2 个答案: