javascript - ReactJS 更改自定义组件内的道具

Question

我是 React 的新手，目前在访问自定义组件中的道具时遇到问题。

所以我有一个自定义组件CustomDatePicker（我可以编辑），它使用另一个自定义组件Date（我无法编辑）。在Date组件内部有一个react-datepicker我想扩展的。

自定义日期选择器

export class CustomDatePicker extends Model.FormComponent {
  render() {
    const Date = this.props.Components.date;
    const datepickerProps = {datepickerProps: {showYearDropdown: false}};

    return <Date {...this.props} {...datepickerProps}/>;
  }
};

日期组件

export default class DateComponent extends StatefulFormComponent {
       render() {
                const datepickerProps = Object.assign(
                {
                       placeholderText: this.getFromConfig("placeholder")
                }
                return (
                       <DatePicker
                       {...datepickerProps}
                        />
               )
        }
}

有没有办法访问 datepickerProps 并添加一个新值showYearDropdown: false？

标签： javascriptreactjs