Posts

Showing posts from July, 2024

Show and Hide a button on clicked column in React

  import React , { useEffect , useState } from "react" ; import dayjs from "dayjs" ; import { toWords } from "number-to-words" ; function Billprocess2 ({ dailyworks , trainer , timeframe , rateperhr }) {   const [ topics , setTopics ] = useState ([]);   const [ today , setToday ] = useState ([]);   const [ totalTime , setTotalTime ] = useState ( 0 );   const [ increaseFontIcon , setIncreaseFontIcon ] = useState ( 'hidden' );   const [ clickedRow , setClickedRow ] = useState ( null );   const [ txtsize , setTxtsize ] = useState ( '14px' );   const handleHover = ( rowindex ) => {     setClickedRow ( rowindex )     setIncreaseFontIcon ( increaseFontIcon === 'block' ? 'hidden' : 'block' );   }   const DecreaseFont = () => {     let temp = txtsize . split ( 'p' );       temp = parseInt ( temp [ 0 ]) - 1 ;       setTxtsize ( temp + 'px' );   }   ...

Convert Camel Case in React

//////////First Method    const ConverCamelCase = ( sentence ) => {       return  sentence       .toLowerCase()       .replace(/[^a-zA-Z0-9 ]/g, '')           // Remove any non-alphanumeric characters       .split(' ')       .map((word, index) => index === 0 ?           word : word.charAt(0).toUpperCase() + word.slice(1))       .join(' ');   } //////////// Second Method   const ConverCamelCase = ( sentence ) => {       return   sentence       . toLowerCase ()       . replace ( / [^ a-zA-Z0-9 ] / g , '' ) // Remove any non-alphanumeric characters       . split ( ' ' )       . map (( word , index ) =>           word . charAt ( 0 ). toUpperCase () + word . slice ( 1 ))       ....