Appbar内的Material UI文本输入字段不起作用

Question

我正在尝试使用以下代码在 Appbar 右侧插入用户名和密码的两个文本输入字段。但它没有给出任何输出。

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>
        )
    }
}