如何在ReactJS中显示数组中的HTML

Question

I am new to ReactJS and I have a problem with my app. I have an array:

players: [
    { number: 1, name: "Ben Blocker", position: "G" },
    { number: 2, name: "Dave Defender", position: "D" },
    { number: 3, name: "Sam Sweeper", position: "D" },
    { number: 4, name: "Matt Midfielder", position: "M" },
    { number: 5, name: "William Winger", position: "M" },
    { number: 6, name: "Fillipe Forward", position: "F" },
    { number: 7, name: "Bobby Ristov", position: "<h1>Test</h1>" }
  ],

And I would like to display the the H1 as HTML instead of text. I have tried it like this <h1>Hi there!</h1> but that does not work either. Am I missing something here? Any help would be appriciated.

Answer 1

它应该是一个元素，而不是字符串：

position: <h1>Test</h1>