javascript - react的state和props

Question

对于react的state和props，我自己知道怎么用，但是给别人描述不清楚它们是什么？该什么时候用？求大手给我介绍一下！

Answer 1

props 这个一般用于父组件到子组件的值传递

state 用于组件内部的状态维护

在 react 中， state 变化是会重新渲染组件的。如果使用 redux 的话，如果要求不高的话，那么 props 这个使用就不那么频繁了，但是如果你写多了模板，就会理解什么时候使用 props 和 state。

希望可以帮到你，个人理解，有错误处可以指正。不用全信

Answer 2

state是内部状态的表示，一般应用于在需要传递props，re-render，引起ui变化的情况下
props可用来在组件间传递属性

Answer 3

props一般都是通过父组件传递过来，是由于外部因素引起的组件更新，而且在组件内部是不能更改props的，state是由于内部因素引起的组件更新。到底是使用props还是state关键看组件的设计，大部分组件都应该设计为无内部状态的。

Answer 4

我觉得跟着情况走，动态变的用state，静态固定的用prop

Answer 5

人工置顶下！

Answer 6

比如根据开关显示p，开关就需要state定义，你会有程序操作它。不需要程序操作的基本都可以用props

Answer 7

如果看过Vue的话，state和vue的data很像，props和vue中的props很像，可以对照着理解。

Answer 8

组件自身的控制用state,全局的数据用props

Answer 9

props 就是组件的属性，由外部通过 JSX 属性传入设置，一旦初始设置完成，就可以认为 this.props 是不可更改的，所以不要轻易更改设置 this.props 里面的值（虽然对于一个 JS 对象你可以做任何事）。
state 是组件的当前状态，可以把组件简单看成一个“状态机”，根据状态 state 呈现不同的 UI 展示。
一旦状态（数据）更改，组件就会自动调用 render 重新渲染 UI，这个更改的动作会通过 this.setState 方法来触发。

自己百度下 就行的

Answer 10

个人建议，先把facebook的react文档看一下，应该能解决大部分问题，包括state和props的区别以及什么时候该用state，state里该包含什么都有介绍