How to use onClick() at <Menu.Item> to run method?

[v2okimochi]

• I would like to use onClick() at Menu-Item in NavMenu.
• However, I could not use it to run another method.

clicked() {
    console.log('clicked')
}
render() {
    return (
        <div>
            <Menu theme="dark" className="el-menu-demo" mode="horizontal">
                <Menu.Item index="1" onClick={() => this.clicked()}>item1</Menu.Item>
                <Menu.Item index="1">item2</Menu.Item>
                <Menu.Item index="1">item3</Menu.Item>
            </Menu>
        </div>
    )
}

In these snipets, I'm expected that clicked() will be called if I click the Menu-Item "item1". Thanks.

[loadchange]

clicked(idx) {
    console.log(`select: ${idx}`)
}
render() {
    return (
        <div>
            <Menu 
                theme="dark" 
                className="el-menu-demo" 
                mode="horizontal" 
                onSelect={idx => this.clicked(idx)}
            >
                <Menu.Item index="1">item1</Menu.Item>
                <Menu.Item index="2">item2</Menu.Item>
                <Menu.Item index="3">item3</Menu.Item>
            </Menu>
        </div>
    )
}