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

Appbar中的材质UI文本输入字段无法正常工作

1 个答案: