Necesita obtener un elemento del segundo elemento de la matriz cuando se hace clic en él, pero al reaccionar no se activará al hacer clic en él. En este caso, deberíamos usar querySlectorALL , ¿cómo obtengo este elemento?

 function App () { const List = props => { const listItems = props.items return ( <ul> {listItems.map((item, index) => ( <li key={index}>{item}</li> ))} </ul> ) } let listItem = document.querySelectorAll('li')[1] if (listItem) { console.log('sadas') listItem.click() } return ( <div className='App'> <List items={['A', 'B', 'C']} /> </div> ) }