Estoy usando la interfaz de usuario semántica de React. Estoy renderizando un menú desplegable. Quiero que cuando se seleccione una opción, solo se muestre la imagen, en el caso actual solo se muestra el nombre, pero mi resultado esperado es que solo se muestre la imagen, pero tanto la imagen como el nombre deben aparecer en las opciones desplegables.

Aquí está mi código desplegable:

 options = [ { key:"a", value: 1, name: 'uni', text: "first", image: {avatar: true, src: require('../images/sqare.svg' )}}, { key:"b", value: 2, name: 'duo', text: 'second', image: {avatar: true, src: require('../images/circle.svg' )}}, { key:"c", value: 3, name: 'tri', text: ' third', image: {avatar: true, src: require('../images/triangle.svg' )}}, { key:"d", value: 4, name: 'quart', text: 'fourth', image: {avatar: true, src: require('../images/hexa.svg' )}}, ]; const handleDropDownSelect = (event, data) => { onChangeValue(data.value) }; const Dropdown = () => ( return( <Dropdown placeholder = "abc" fluid selection options={options} onChange={handleDropDownSelect} />) <DropDownContainer> <Dropdown /> </DropDownContainer>```