我無法顯示用戶數(shù)據(jù)，例如name他登錄時的數(shù)據(jù)。我使用過props和stateuser ascurrentUser但我無法訪問這些字段，因為錯誤說它無法讀取未定義的屬性。class UserPanel extends React.Component {    state = { user: this.props.currentUser }    dropdownOptions = () => [        {            key: "user",            text: (                <span>                    Sign in as <strong>{this.state.user.displayName}</strong>                </span>            ),            disabled: true        },        {            key: "avatar",            text: <span>Change Avatar</span>        },        {            key: "signout",            // Set a signout Function to enable user to sign out of the chat            text: <span onClick={event => this.handleSignOut(event)}>SignOut</span>        }    ];    handleSignOut = (event) => {        // You need to prevent form submission. Use event.preventDefault() in your handle submit function.        event.preventDefault();        firebase            .auth()            .signOut()            .then(() => console.log("See you"));    }     render(){        console.log(this.props.currentUser);        return (            <Grid style={{ background: '#4c3c4c' }}>                <Grid.Column>                    <Grid.Row style={{ padding: '1.2rem', margin: 0 }}>                        <Header inverted floated='left' as='h2'>                            <Icon name='code' />                            <Header.Content>VirtualChat</Header.Content>                        </Header>                    </Grid.Row>                    {/* User Dropdown Choices */}                    <Header style={{ padding: "0.25em" }} as="h4" inverted>                        <Dropdown                         trigger={<span>{this.state.user.displayName}</span>}                        options={this.dropdownOptions()}                        />                    </Header>                </Grid.Column>            </Grid>        )    }}