未调用componentDidUpdate函数

Question

我已经创建了一个React组件以在内部渲染另一个组件。当我更改父组件中的select元素时，在子组件中不会调用componentDidUpdate函数

component1：

let ExtraParam = [];

const handleChange = (e) => {
    ExtraParam[e.target.name] = e.target.value;
}
            
const Flights = () => {
    return (
        <div>
            <div className="row">
                <div className='col-6 col-md-3 mt-5'>
                    <select onChange={handleChange} name="age" className="browser-default custom-select">
                        <option>Choose your option</option>
                        <option value="1">Option 1</option>
                        <option value="2">Option 2</option>
                    </select>
                </div>
            </div>
        <Datatable Api='/api/Flights' Columns={columns} extraParam {ExtraParam} />
        </div>
    )
}

component2：

componentDidUpdate(prevProps) {
    if (this.props.extraParam !== prevProps.extraParam)
    {
        console.log('changed');
    }
}