/Javascript/React/React tooltip data-tip

React tooltip data-tip

Data-tip react-tooltip

const Marker = ({ place }) => {
  const tip = `
    <div style="width: 18px; height: 18px; background-color: '#e01414';" >
      <h3>${place.name}</h3>
      <p>
        ${place.address}
        <br />
        ${place.number}
        <br />
      </p>
    </div>
  `;

  return (
    <>
      <Wrapper
        data-for="google"
        data-event="click focus"
        data-html={true}
        data-tip={tip}
      />
    </>
  )
};

Source: stackoverflow.com

Similar codes

0 vote153 views1 answer
React.js file extension
Javascript React
1 vote142 views1 answer
How to map objects in react native
Javascript React
-2 votes136 views1 answer
<Link> react import
Javascript React
0 vote160 views1 answer
How to make this transform with React-Native? https://stackoverflow.com/questions/37538303/how-to-make-this-transform-with-react-native
Javascript React
0 vote155 views1 answer
Javascript react reverse map
Javascript React
0 vote149 views1 answer
Sort by string react
Javascript React
15 votes139 views1 answer
Reducer in react example
Javascript React
0 vote143 views1 answer
React index.js file
Javascript React
3 votes135 views1 answer
UseHistory is not exported form react-router-dom
Javascript React
-1 vote143 views1 answer
Moment in react native
Javascript React