Question

这是我的代码，当我尝试点击文本字段时，我无法发生任何事情。

 class Contact extends React.Component {
  render () {
    return (
    <Wrapper >
        <MuiThemeProvider muiTheme={getMuiTheme()}>
        <header>

        <CommonBar />

        </header>
        <Banner>
         <h1> Contact Us </h1>
        </Banner>
        <PleaseFill> Let's do business together! Send us a Message.

        </PleaseFill>

        <Fields>

        <TextField
        floatingLabelText="Please enter your full name"
        hintText = "Full Name"
        fullWidth={true}
        type = "text"
         />
         <br/>
         <TextField
        floatingLabelText="Please enter your contact number"
        hintText = "Number"
        fullWidth={true}
        type = "number"

         />
         <br/>
         <TextField
        floatingLabelText="Please enter your email id"
        hintText = "Email Id"
        fullWidth={true}


         />
         <br/>
         <TextField
        floatingLabelText="Enter your message"
        hintText = "Message Body"
        multiLine={true}
        rows ={5}
        fullWidth={true}

         />
         <br/>
         <br/>
         <br/>
         <Button>
        <RaisedButton label="Send" primary={true} style = {{ width: '16rem', height: '3.25rem'}} labelStyle = {labelStyle} />
        </Button>


        </ Fields>
        </ MuiThemeProvider>
    </ Wrapper>
    );
 }
 }

 export default Contact;

我使用样式化组件进行样式化。

如果您查看Contact_us组件，您将看到我的代码。在下面的链接，您可以检查我的代码。 Material-ui在Homepage.js组件中正常工作。请在这里查看我的完整代码。

https://github.com/SamkitS/showell/blob/master/src/components/Contact_Us.js
如你所见，我已经导入了MuiThemeProvider，Raised Button，TextField等。

终端不显示任何错误。我正在使用create react app。我已经检查了StackOverflow上提供的所有解决方案，但没有任何效果。请帮忙。

预期结果应该是文档中显示的方式。 https://www.material-ui.com/#/components/text-field

材料Ui组件的行为不符合预期

0 个答案: