/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

1 vote283 views1 answer
Add sass autoprefixer to react
Javascript React
1 vote289 views1 answer
No known class method for selector 'setScreenName:screenClass: react native
Javascript React
37 votes244 views5 answers
React sass
Javascript React
1 vote296 views1 answer
Tab navigation react-native without title
Javascript React
0 vote343 views1 answer
How to upload react js project on server
Javascript React
0 vote330 views1 answer
React router redirect with query params
Javascript React
0 vote325 views1 answer
Put logo in qr code in react js qrcode.react
Javascript React
0 vote292 views1 answer
How to implement certain actions after setstate in react hooks
Javascript React
0 vote319 views1 answer
Passing argument to function handler functional compoent javascript react
Javascript React
0 vote279 views3 answers
Flatlist react native keyextractor
Javascript React