R
Reactiflux

help-js

✅ – ✅ – 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). 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.
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 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 User4/29/2023
4 Messages Not Public
Sign In & Join Server To View

Looking for more? Join the community!