/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 vote251 views4 answers
Router react how to pass data to class component
Javascript React
12 votes230 views2 answers
React split array into chunks
Javascript React
0 vote259 views1 answer
Settimeout react native focus text input
Javascript React
1 vote257 views1 answer
Reactnavigation 5 hide header
Javascript React
32 votes247 views1 answer
Install react router in react app
Javascript React
15 votes231 views1 answer
Did you mean to use React.forwardRef()?
Javascript React
6 votes251 views1 answer
React history with search
Javascript React
4 votes250 views6 answers
React-native shadow generator
Javascript React
0 vote243 views1 answer
If statement in react native
Javascript React
0 vote196 views1 answer
React native change image color
Javascript React