使用onClick on Bootstrap Dropdown'option'-React钩子

Question

我已经创建了Bootstrap下拉菜单。 我想单击下拉列表options之一，然后单击执行一个操作。 但是，似乎options无法处理onClick函数。

function MyDropdown(previousSearch) {

    function handleClick() {
        console.log("testestest")
    }

    return(
        <div>

            <Form.Group controlId="exampleForm.ControlSelect2">
                <Form.Control as="select" style={{border: "none", outline: "none", boxShadow: "none"}}>
                    {previousSearch.previousSearch["myPreviousSearch"].map(function(preSearch, index){
                        return (
                            <option
                                style={{border: "none"}}
                                onClick={handleClick}
                            >
                                {preSearch}
                            </option>
                        )
                    })}
                </Form.Control>
            </Form.Group>

        </div>
    )

}

export default MyDropdown

我想console.log("testtest")在用户单击下拉菜单中的选项之一后但没有任何反应。

我尝试添加一个<select>并给它“ nClick”，但没有任何变化。