React JSX：在另一个对象表达式 {props.outerexpr.{props.expr}} 中包含表达式 {props.expr}

Question

我有一个接收 {props.name} 的子组件。我需要将该表达式包含在外部对象表达式 {props.values.{..}} 中。但是下面的 JSX 给出了一个错误：

        <Form.Control as="select" 
                    custom 
                    id={'timeDropdown-' + props.name}
                    name={props.name}
                    value={props.values.{props.name}} {/* ERROR HERE */}
                    onChange={props.handleChange}
                    onBlur={props.handleBlur}                                                     
        >

这个想法是，例如 value=props.values.week1 将在使用时设置

<MyComp name='week1'>