Обработка значка onClick с помощью Material-UI и ReactJS

Question

Я пытаюсь получить "имя" кнопки со значком при нажатии

Я читал об использовании пользовательского интерфейса материала, но продолжаю получать "undefined" из обработчика

import React from 'react'
import {IconButton} from '@material-ui/core'
import InfoIcon from '@material-ui/icons/InfoOutlined'

const App = () => {

    const handleIconClicks = (e) => {
        console.log(e.target.name)
    }
    return (
        <div>
            <IconButton name="details" onClick={(e) => handleIconClicks(e)}>
                <InfoIcon />
            </IconButton>
        </div>
    )
}
export default App

handleIconClicks () должен возвращать имя события.target, вместо этого я получаю undefined

Answer 1

Вы не можете получить имя, используя событие IconButton, потому что его событие null. Таким образом, вы могли бы использовать это.

    const handleIconClicks = name => () => {
        console.log(name);
    }
... ... ...
    <IconButton name="details" onClick={handleIconClicks('detail')}>
       <InfoIcon />
    </IconButton>
... ... ...