26 lines
703 B
Markdown
26 lines
703 B
Markdown
|
---
|
|||
|
|
title: Use Advanced JavaScript in React Render Method
|
|||
|
|
localeTitle: 在React Render方法中使用高级JavaScript
|
|||
|
|
---
|
|||
|
|
## 在React Render方法中使用高级JavaScript
|
|||
|
|
|
|||
|
|
### 方法
|
|||
|
|
|
|||
|
|
当您在render方法内部而不在return方法内部时，您可以编写JavaScript **而不**将其包装在花括号内。
|
|||
|
|
|
|||
|
|
首先，您必须将常量“回答”设置为值。使用'randomIndex'的值访问'possibleAnswers'数组，该值位于组件的状态中。请记住，您使用`this.state`访问状态。
|
|||
|
|
|
|||
|
|
### 解
|
|||
|
|
|
|||
|
|
```js
|
|||
|
|
const answer = possibleAnswers[this.state.randomIndex];
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
接下来，将const“answer”插入p-tags。确保用花括号`{ }`包裹它。
|
|||
|
|
|
|||
|
|
```jsx
|
|||
|
|
<p>
|
|||
|
|
{answer}
|
|||
|
|
</p>
|
|||
|
|
|
|||
|
|
```
|