JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://unpkg.com/prop-types@15.5.10/prop-types.js"></script>
<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<div id="container"></div>

React

var questions = [
  {question: "1+1 = ?",
  answers: ["2", "3", "4"]},
  {question: "3-2 = ?",
  answers: ["1", "2", "3"]}
  ]
class App extends React.Component {
	generateAnswers(option) {
  	return (
    <div>
    	<input type="radio"/>{option}
      </div>
    );
  }
	generateQuestion(elem) {
  	return (
    <div>
      {elem["question"]}
      {elem["answers"].map(this.generateAnswers)}
    </div>
    );
  }

  render() {
  	return (
    	<div>
        {questions.map(elem => this.generateQuestion(elem))}
        
    	  <h1>Hello, {questions[0]["question"]}</h1>
    	</div>
    );
  }
}

ReactDOM.render(<App name="world"/>, document.getElementById('container'));