/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 vote165 views1 answer
Props with ternary in react
Javascript React
-2 votes144 views2 answers
React native margin
Javascript React
0 vote134 views1 answer
React input value set state on change
Javascript React
7 votes126 views2 answers
How to pass a component as a prop in react
Javascript React
13 votes141 views4 answers
React deep copy
Javascript React
20 votes137 views2 answers
React localstorage
Javascript React
0 vote148 views2 answers
React native how to delete android build
Javascript React
105 votes175 views1 answer
Install and run react js project...
Javascript React
0 vote143 views1 answer
Cloudinary react
Javascript React
0 vote148 views1 answer
Namespace react has no export member FC
Javascript React