如何使用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>

这会给你这样的东西：