Appbar内のUI UIテキスト入力フィールドが機能しない

Question

次のコードでAppbarの右側にユーザ​​ー名とパスワードの2つのテキスト入力フィールドを挿入しようとしています。しかし、それは何の出力も与えません。

const AppBarExampleIconMenu =() => (< AppBar title = { < span style = { styles.title } > Test < /span>} 
      iconElementLeft = { <IconButton> < NavigationClose/> < /IconButton>} 
       iconElementRight = { <div> 
        < TextField 
        hintText = "UserName"/> 
        < TextField 
        hintText = "PassWord"/> 
        < /div> 
       } 

       /> 
      ); 

Answer 1

今すぐお試しください。これはテスト済みで実証済みです。これはES6スタイルで書かれています。

class Test extends React.Component { 
    constructor(props) { 
     super(props); 
    } 

    render() { 
     return (
      <MuiThemeProvider> 
       <AppBar 
        title={"Title"} 
        iconElementLeft={<IconButton iconClassName="muidocs-icon-custom-github" />} 
        iconElementRight={ 
         <div> 
          <TextField 
           hintText="Username" 
          /> 
          <TextField 
           hintText="Password" 
          /> 
         </div> 
        } 
       /> 

      </MuiThemeProvider> 
     ) 
    } 
}