✅ – ✅ – dmikester1 – 04-11 Apr 27

Ddmikester14/27/2023
I have what I think should be a simple problem, but nothing seems to be working. I am simply trying to get a line break in my table cell, but I am constructing the string with Javascript(React).
Ddmikester14/27/2023
Here is my code:
Ddmikester14/27/2023
let message = l.message;
if (l.error) {
  message += `/r/nError: ${l.error}`;
}

if (l.data) {
  message += `/r/nData: ${l.data}`;
}

return (
  <tr key={i} className={l.level}>
    <td>
      {fromToday ? (
    time
      ) : (
        <ReactTimeAgo date={time} />
      )}
    </td>
    <td>{l.level}</td>
    <td>{l.fullName}</td>
    <td>{l.filename}</td>
    <td>{l.route}</td>
    <td>{l.lineNum}</td>
    <td>{message}</td>
...
Ddmikester14/27/2023
Trying to add line breaks at the beginning of 'Error' and 'Data'. I have tried all variations of /r/n, \r\n, /n, \n, <br />.
Ddmikester14/27/2023
Also tried putting an actual line break in the template literal as I read that would work somewhere.
Vvcarl4/27/2023
Might need to mess with the styling in your table cells, but I'm not sure exactly with what. Or maybe split up into <p> tags
Ddmikester14/27/2023
I tried the p tags and unfortunately React is just printing out the tags
Ddmikester14/27/2023
Ddmikester14/27/2023
Maybe I'll have to ask in the React forum
Ddmikester14/27/2023
aw, i think i found it now, haven't had to do this in so long, i forgot how to do it!
UUUnknown User4/27/2023
3 Messages Not Public
Sign In & Join Server To View