在地址里可以包含查询符，就是地址里在的那个 ? 后面是一个名字，然后是一个等号，等号右边是一个值 … 这就是我们说的查询符。比如你可以使用查询符设置内容列表的排序标签，或者可以过滤一下内容列表里的内容 …

下面，我们在这个 App 组件里的电视这个链接上添加一个查询符，用一个 query 属性 .. 它的值是一组大括号 .. 里面是一个对象 .. 对象里的东西就是查询符还有对应的值 .. 比如添加一个 orderBy … 它的值设置成 date ..

保存 … 回到浏览器 … 点击 电视 这个链接 … 注意现在这个地址里面就会包含一个查询符 … orderBy .. 它的值是 date .. 这个查询符的符可以在 location 里得到 .. 回到编辑器 ..

在 TV 这个组件里面，把 this.props 输出到控制台上 .. 先在这个组件里添加一个 constructor .. 给它一个 props 参数 .. 在这个方法里再执行一下 super .. 把 props 交给它。

然后再用一个 console.log 输出 this.props ..

保存 .. 再回到浏览器 .. 这里输出的就是 this.props … 在这里你可以找到 location … 在它里面，可以看一下 query 对象 .. 它里面的东西就是查询符 .. 有个 orderBy .. 值是 date ..

在组件里你可以利用查询符去处理要显示的数据 … 回到编辑器，我们可以把 query 从 this.props.location 里面提取出来 ..

let { query } = this.props.location;

再输出这个 query .. 回到浏览器 … 这里显示的就是刚才在 location 里面的 query 对象 …