如何访问对象变量的字段以将其作为道具传递给其子组件？

Question

我有一个组件可以返回另一个组件。

var fieldValues = {
    firstName : null,
    lastName : null,
    gender : null,
    birthtday : null,
    dialingCode: null,
    mobileNumber : null,
    request_id: null,
    textCode : null,
    email : null,
    password : null,
    tagsSelectedList : [],
}

export default class SignUp extends React.Component {

    render() {

更新

        return <SignUpTags
                    dialingCode = {fieldValues['dialingCode']}
                    mobileNumber = {fieldValues['mobileNumber']}
                    requestID = {fieldValues['request_id']}
                    nextStep={this.nextStep}
                    saveValues={this.saveValues}
                />
    }
}

当我加载页面时，出现以下错误：

  

dialingCode，mobileNumber和requestID都未定义。

如何访问对象变量的fieds以作为其子组件的道具传递？

Answer 1

他们应该是fieldValues['dialingCode']，fieldValues['mobileNumber']和fieldValues['requestId']。

注意'表示它们是关键字符串而不是变量。