help-js

✅ – ✅ – dmikester1 – 04-11 Apr 27

Ddmikester1

4/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). Here is my code:

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>
...

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>
...

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 />. Also tried putting an actual line break in the template literal as I read that would work somewhere.

Vvcarl

4/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

Ddmikester1

4/27/2023

I tried the p tags and unfortunately React is just printing out the tags

Ddmikester1

4/27/2023

Ddmikester1

4/27/2023

Maybe I'll have to ask in the React forum aw, i think i found it now, haven't had to do this in so long, i forgot how to do it! https://stackoverflow.com/a/19277723/571723

UUUnknown User

4/29/2023

4 Messages Not Public

Looking for more? Join the community!

help-js

help-js

Want results from more Discord servers?

Add your server