Reactjs 只有'；onMouseDown'；正在处理材质UI框

我正在使用一个定制的autosuggest，它是我使用Material UI组件（主要是

Box

）制作的。 单击列表中的每个元素时会发生一个事件（将选择元素并显示摘要视图）

onClick

，

onMouseUp

，

onKeyPress

不工作，只有

onmouseudown

工作。 如何使用

onClick

，因为

onMouseDown

正在使页面跳起

 <Suggestions >
                    {suggestions.length > 0 ?
                        <div>

                                <Box display='flex' mb={1} color='grey.500' fontWeight='bold'>
                                    {suggestionFields.map(field => (
                                        <Box pr={2} flex={field.size || 1} key={field.title}>
                                            {field.title}
                                        </Box>
                                    ))}
                                </Box>
                                {suggestions.map(sug => (
                                    <Suggestion
                                        key={sug._id || `${sug.brand}-${sug.model}`}
                                        py={1}
                                        display='flex'
                                        onMouseDown={() => onSelect(formField, { ...sug, quantity: '1', id: uuid(), isValid: true })}
    ====================>>>>>>>>>>>>>>>>//***** I want to get onClick to work here *******//
                                        // onClick={(e) => onSelect(formField, { ...sug, quantity: '1', id: uuid(), isValid: true })}
                                    >
                                        {suggestionFields.map(field => (
                                            <Box
                                                flex={field.size || 1}
                                                pr={2}
                                                key={field.title}
                                                overflow='hidden'
                                                whiteSpace='nowrap'
                                                textOverflow='ellipsis'
                                                onClick={(e) => handleOnclick(e, formField, { ...sug, quantity: '1', id: uuid(), isValid: true })}

                                            >
                                                {field.format ? field.format(sug[field.key]) : sug[field.key]}
                                            </Grid>
                                        ))}
                                    </Suggestion>
                                ))}

{suggestions.length>0？
{suggestionFields.map（字段=>(
{field.title}
))}
{suggestions.map（sug=>(
onSelect（formField，{…sug，数量：'1'，id:uuid（），isValid:true}）
================>>>>>>>>>>>>>>/****我想在这里开始工作*******//
//onClick={（e）=>onSelect（formField，{…sug，数量：'1'，id:uuid（），isValid:true}）
>
{suggestionFields.map（字段=>(
handleOnclick（e，formField，{…sug，数量：'1'，id:uuid（），isValid:true}）
>
{field.format？field.format（sug[field.key]）：sug[field.key]}
))}
))}