Как я могу восстановить тип Icon Ant Design?

Question

Я использую Icon Ant Design, я хочу восстановить тип моего Icon, чтобы использовать его для изменения цвета, если она нажата. Но тип не определен

<Icon                                
     type="highlight"                                
     onClick={(() =>this.setState({ iconSelected: this.props.type,}),                                    
          () => console.log(this.props.type))
     }

     style={{height: 50, width: 50, fontSize: 20, color: iconSelected == this.props.type ? "#1890ff" : "grey"}}
/>

Answer 1

В вашем обработчике кликов, this не относится к самой иконке. Вы хотите получить доступ к объекту события, который вам нужно передать в качестве параметра в функцию-обработчик. Затем вы можете получить доступ к событию target, которое является узлом DOM самой иконки, которое имеет атрибут data-icon, содержащий имя значка, к которому вы можете обратиться, используя ванильные методы DOM:

<Icon type="mail" onClick={(e) => console.log(e.target.getAttribute('data-icon'))}/>

Этобудет записывать имя значка, но вы можете делать с ним все, что вам нужно.