22 lines
		
	
	
		
			717 B
		
	
	
	
		
			Markdown
		
	
	
	
	
	
			
		
		
	
	
			22 lines
		
	
	
		
			717 B
		
	
	
	
		
			Markdown
		
	
	
	
	
	
| ---
 | |
| title: Use Advanced JavaScript in React Render Method
 | |
| ---
 | |
| ## Use Advanced JavaScript in React Render Method
 | |
| 
 | |
| ### Method
 | |
| While you are inside the render method and not inside the return method, you can write JavaScript **without** wrapping it inside curly braces.
 | |
| 
 | |
| First, you will have to set the constant 'answer' to a value. Access the 'possibleAnswers' array using the value of 'randomIndex', which is located within the state of your component. Remember, you access state using `this.state`.
 | |
| 
 | |
| ### Solution
 | |
| ```js
 | |
| const answer = possibleAnswers[this.state.randomIndex];
 | |
| ```
 | |
| 
 | |
| Next, insert your const 'answer' into the p-tags. Make sure to wrap it with curly braces `{ }`.
 | |
| ```jsx
 | |
| <p>
 | |
|   {answer}          
 | |
| </p>
 | |
| ```
 |