react中的props传递,如何从父组件传到子组件,从而改变子组件的相关内容和显示信息。继续从我们第一节课开始进行对props的相关设置。
为了演示props的使用方法,这里我们先在index.js添加一段模拟json数据。代码如下:
const contents = [
{
'ititle':'标题1',
'icontent':'这里是标题1的内容'
},
{
'ititle':'标题2',
'icontent':'这里是标题2的内容'
}
]
这段代码就是定义一个常量名为contens,他的内容就是一个json字符串。有了数据,那么我们想要将这段数据传递到其他组件去,那就很简单了,对就是使用props进行传递。
1、index.js代码(代码内有详细注释,我就不再做描述了) 继续阅读跟我一起学习React(二):props