fix(i18n): update Chinese translation of redux (#38825)

This commit is contained in:
ZhichengChen
2020-09-07 16:16:17 +08:00
committed by GitHub
parent 91c9fc6cd5
commit b378f110ca
17 changed files with 708 additions and 219 deletions

View File

@@ -3,24 +3,32 @@ id: 5a24c314108439a4d403614b
title: Create a Redux Store
challengeType: 6
isRequired: false
videoUrl: ''
localeTitle: 创建一个Redux商店
forumTopicId: 301439
localeTitle: 创建一个 Redux Store
---
## Description
<section id="description"> Redux是一个状态管理框架可以与许多不同的Web技术一起使用包括React。在Redux中有一个状态对象负责应用程序的整个状态。这意味着如果您有一个包含十个组件的React应用程序并且每个组件都有自己的本地状态则应用程序的整个状态将由Redux <code>store</code>的单个状态对象定义。这是学习Redux时理解的第一个重要原则Redux商店是应用程序状态的唯一真实来源。这也意味着只要您的应用程序的任何部分想要更新状态<strong>必须</strong>通过Redux商店执行此操作。单向数据流可以更轻松地跟踪应用程序中的状态管理。 </section>
<section id='description'>
Redux 是一个状态管理框架,可以与包括 React 在内的许多不同的 Web 技术一起使用。
在 Redux 中,有一个状态对象负责应用程序的整个状态,这意味着如果你有一个包含十个组件且每个组件都有自己的本地状态的 React 项目,那么这个项目的整个状态将通过 Redux<code>store</code>被定义为单个状态对象,这是学习 Redux 时要理解的第一个重要原则Redux store 是应用程序状态的唯一真实来源。
这也意味着,如果你的应用程序想要更新状态,只能通过 Redux store 执行,单向数据流可以更轻松地对应用程序中的状态进行监测管理。
</section>
## Instructions
<section id="instructions"> Redux <code>store</code>是一个保存和管理应用程序<code>state</code>的对象。 Redux对象上有一个名为<code>createStore()</code>的方法您可以使用该方法创建Redux <code>store</code> 。此方法将<code>reducer</code>函数作为必需参数。 <code>reducer</code>函数将在稍后的挑战中介绍,并且已在代码编辑器中为您定义。它只是将<code>state</code>作为参数并返回<code>state</code> 。声明一个<code>store</code>变量并将其赋值给<code>createStore()</code>方法,并将<code>reducer</code>作为参数传入。 <strong>注意:</strong>编辑器中的代码使用ES6默认参数语法初始化此状态以保存值<code>5</code> 。如果您不熟悉默认参数,可以参考<a target="_blank" href="https://learn.freecodecamp.org/javascript-algorithms-and-data-structures/es6/set-default-parameters-for-your-functions">课程</a>中涵盖此主题的<a target="_blank" href="https://learn.freecodecamp.org/javascript-algorithms-and-data-structures/es6/set-default-parameters-for-your-functions">ES6部分</a></section>
<section id='instructions'>
Redux <code>store</code>是一个保存和管理应用程序状态的<code>state</code>,你可以使用 Redux 对象中的<code>createStore()</code>来创建一个 redux<code>store</code>,此方法将<code>reducer</code>函数作为必需参数,<code>reducer</code>函数将在后面的挑战中介绍。该函数已在代码编辑器中为你定义,它只需将<code>state</code>作为参数并返回一个<code>state</code>即可。
声明一个<code>store</code>变量并把它分配给<code>createStore()</code>方法,然后把<code>reducer</code>作为一个参数传入即可。
注意: 编辑器中的代码使用 ES6 默认参数语法将 state 的值初始化为<code>5</code> 如果你不熟悉默认参数,你可以参考<a target="_blank" href="http://beta.freecodecamp.com/en/challenges/es6/set-default-parameters-for-your-functions"> ES6 全部课程</a>,它里面涵盖了这个内容。
</section>
## Tests
<section id='tests'>
```yml
tests:
- text: redux商店存在。
- text: redux store 应当存在。
testString: assert(typeof store.getState === 'function');
- text: redux商店的状态值为5。
- text: redux store 的 state 的值为 5。
testString: assert(store.getState()=== 5);
```
@@ -37,9 +45,11 @@ const reducer = (state = 5) => {
return state;
}
// Redux methods are available from a Redux object
// For example: Redux.createStore()
// Define the store here:
// Redux 方法可以从 Redux 对象获得
// 例如: Redux.createStore()
// 在这里定义一个 store
```
@@ -52,8 +62,17 @@ const reducer = (state = 5) => {
## Solution
<section id='solution'>
```js
// solution required
const reducer = (state = 5) => {
return state;
}
//Redux 方法可以从 Redux 对象获得
// 例如: Redux.createStore()
// 在这里定义一个 store:
const store = Redux.createStore(reducer);
```
/section>
</section>