Dash: How to add a newline in string?

Dash Python
1

I would like to render some json with each bit between {} on its own line like so:
{“Question”:“WorkerId”,“Answer”:“123”}
{“Question”:“HITId”,“Answer”:“456”}
{“Question”:“Industry”,“Answer”:“789”}

I tried using Markdown’s two spaces as shown below as well as trying to string replace with <br>. Whats the correct way to accomplish adding new lines to a string in Dash?

newstring = '{"Question":"WorkerId","Answer":"123"} {"Question":"HITId","Answer":"456"} {"Question":"Industry","Answer":"789"} '  
newstring = newstring.replace("} {","}   {")
html.P("{}".format(newstring)),
2

It would be best to put them in separate html.P() elements. I would actually do this:

newstring_list = newstring.split(' ')


... 

app.layout = html.Div([
  ...
  html.Div([
    html.P(json_entry)
    for json_entry in newstring_list
  ])
  ...
])

But if you’re using actual JSON (i.e., the data actually look like this)

[{“Question”:“WorkerId”,“Answer”:“123”},
 {“Question”:“HITId”,“Answer”:“456”},
 {“Question”:“Industry”,“Answer”:“789”}]

You should just use the JSON library:

import json 

... 
newstring_list = json.loads(newstring)
1 Like