props和state都是用于描述component状态的,而且这个状态应该是与显示相关的。
1.State(由内部改变的)
若是component的某些状态须要被改变,而且会影响到component的render,那么这些状态就应该用state表示。
例如:一个购物车的component,会根据用户在购物车中添加的产品和产品数量,显示不一样的价格,那么“总价”这个状态,就应该用state表示。
2.Props(由外部传送的)
若是component的某些状态由外部所决定,而且会影响到component的render,那么这些状态就应该用props表示。
例如:一个下拉菜单的component,有哪些菜单项,是由这个component的使用者和使用场景决定的,那么“菜单项”这个状态,就应该用props表示,而且由外部传入。