Как создать метку с текстовым полем справа с помощью Material UI React?

Question

Я пытаюсь выяснить, как взять компонент TextField или использовать компоненты Input и InputLabel, чтобы у меня была метка, а текстовое поле находится справа от метки?

Answer 1

Вы можете попробовать это:

       <div>
            <form onSubmit={this.onSubmitHandler}>
                <label htmlFor="name">Name : </label>
                <input type="text" id="name" onChange={this.onChangeHandler}/>
                <label htmlFor="age">Age : </label>
                <input type="text" id="age" onChange={this.onChangeHandler}/>
                <label htmlFor="hair">Hair : </label>
                <input type="text" id="hair" onChange={this.onChangeHandler}/>
                <button>Add New</button>
            </form>
        </div>

Это даст вам что-то вроде этого: