Posts

Showing posts with the label ReactJS

Fixed: Compiled error: export 'Switch' (imported as 'Switch') was not found in 'react-router-dom' in reactJs

By -
 In React " react-router-dom" v6 , " Switch " is replaced by routes " Routes ".  So, you need to update the import from import { Switch, Route } from "react-router-dom"; to  import { Routes, Route } from 'react-router-dom';
Post a Comment
Read more

Render a multi-line text string in ReactJS

By -
Sometimes we face a problem to display multiline string in separate line instead of online while rendering ReactJs view. Here are the solution: Add a new class in css file .multi-line-break {   white-space: pre-line; } Add css class with you div or p tag render() {   const textString = 'First Line \n Second Line \n Third Line';   return (      <div className="multi-line-break">         {textString}      </div>   ); } You will get output like this: First Line Second Line Third Line
Post a Comment
Read more