In React, how can I cause anchors to do nothing on click?

Question

I have the following html element:

 fields.push()}>Add Email

I need the href attribute so bootstra

Answer 1

You should call preventDefault function from onClick event like this:

class App extends React.Component {
  onClick = (e) => {
    e.preventDefault()
    console.log('onclick..')
  }
  render() {
    return (
      Click me
    )
  }
}

You can use something like this particular to your use case:

    const renderEmails = ({ fields }) => (
      ...
       {
        e.preventDefault()
        fields.push()
      }}>Add Email
      ...
    )