javascript - Can We Style Inside A Const In React

Question

I am new to react , can i style inside a const

Here is my code

const initialStudentCounter =
    'Students' + ' ' +  JSON.stringify(studentCountInitial);

I need to style this "JSON.stringify(studentCountInitial)"

I tried this way , but didn't work

const initialStudentCounter =
    'Students' + ' ' +  <span style={color : 'red'}>JSON.stringify(studentCountInitial)</span> ;

Can some one help me please

question from:https://stackoverflow.com/questions/65867512/can-we-style-inside-a-const-in-react

Answer 1

You don't need JSON.stringify in JSX. You do need to insert this into your JSX with a surrounding element. You shouldn't need the + for concatenating strings anymore either.

export default function App() {
  const studentCountInitial = 4;
  const initialStudentCounter = <div>Students <span style={{color : 'red'}}>{studentCountInitial}</span></div>;

  return (
    initialStudentCounter
  );
}