R
Join ServerReactiflux
help-js
✅ – ✅ – dmikester1 – 04-11 Apr 27
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>
...
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.
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>
tagsI tried the
p
tags and unfortunately React is just printing out the tagsMaybe 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!
3 Messages Not Public
Sign In & Join Server To View