Reactjs Can'；不要从道具上获取数据

我的

道具有问题。下面是我的代码，我不明白为什么当我用
{this.props.name}
呈现段落时，它不显示
props
中的名称。这可能是一个愚蠢的问题，但我刚刚开始我的冒险之旅，
React
，所以我需要你的帮助

class CardGenerator extends React.Component{
    render(){
        return (
            <div>
                <Name/>
            </div>
        )
    }
}

class Name extends React.Component{
    render(){
        return <p>{this.props.name}</p>
    }
}

ReactDOM.render( <CardGenerator name='David'/>, document.getElementById('app'))

class CardGenerator扩展了React.Component{
render（）{
返回(
)
}
}
类名扩展了React.Component{
render（）{
return{this.props.name}

}
}
ReactDOM.render（，document.getElementById（'app'））
因为您没有将道具传递给Name组件。您正在将道具名称传递给
CardGenerator
组件，该组件将通过
this.props.name
提供。要访问该内部名称组件，需要再次将该值传递给名称组件

使用以下命令：

class CardGenerator extends React.Component{
    render(){
        return (
            <div>
                <Name name={this.props.name}/>
            </div>
        )
    }
}

class Name extends React.Component{
    render(){
        return <p>{this.props.name}</p>
    }
}

ReactDOM.render( <CardGenerator name='David'/>, document.getElementById('app'))

class CardGenerator扩展了React.Component{
render（）{
返回(
)
}
}
类名扩展了React.Component{
render（）{
return{this.props.name}

}
}
ReactDOM.render（，document.getElementById（'app'））

检查工作示例：


class CardGenerator扩展了React.Component{
render（）{
返回(
)
}
}
类名扩展了React.Component{
render（）{
return{this.props.name}

}
}
ReactDOM.render（，document.getElementById（'app'））
因为您没有将道具传递给Name组件。您正在将道具名称传递给
CardGenerator
组件，该组件将通过
this.props.name
提供。要访问该内部名称组件，需要再次将该值传递给名称组件

使用以下命令：

class CardGenerator extends React.Component{
    render(){
        return (
            <div>
                <Name name={this.props.name}/>
            </div>
        )
    }
}

class Name extends React.Component{
    render(){
        return <p>{this.props.name}</p>
    }
}

ReactDOM.render( <CardGenerator name='David'/>, document.getElementById('app'))

class CardGenerator扩展了React.Component{
render（）{
返回(
)
}
}
类名扩展了React.Component{
render（）{
return{this.props.name}

}
}
ReactDOM.render（，document.getElementById（'app'））

检查工作示例：


class CardGenerator扩展了React.Component{
render（）{
返回(
)
}
}
类名扩展了React.Component{
render（）{
return{this.props.name}

}
}
ReactDOM.render（，document.getElementById（'app'））
您正在将
名称
传递给
CardGenerator
组件，但是
CardGenerator
组件没有将
名称
传递给
名称
组件。
您正在将
名称
传递给
CardGenerator
组件，但是，
CardGenerator
组件没有将
name
传递给
name
组件。
Right:）我太接近了。谢谢你，马扬克！右：）我是如此接近。谢谢你，马扬克！