老师这样写对吗

来源:1-4 自由编程

白羊诗酒纵年华

2020-08-13 11:58:06

Father.js

import React,{Component} from 'react'
import ReactDom from 'react-dom'
import Son from ''
export default class Father extends Component{
  constructor(props){
    super(props);
  }
render(){
  return(
    <div>
      <Son content={'hello world'}/>
    </div>
  )
}
}
ReactDom.render(
  document.getElementById('root') 
)

Son.js

import React,{Component} from 'react'
export default class Son extends Component{
  render(){
    return(
      <div>
       {this.props.content}
      </div>
    )
  }
  }
  ReactDom.render(
    document.getElementById('root') 
  )


写回答

1回答

好帮手慕久久

2020-08-13

同学你好,代码中有如下问题:

1. father组件,引入子组件时,路径书写不正确,修改如下:

http://img.mukewang.com/climg/5f34dfa50954116104720125.jpg

2. 组件内,不用写“ReactDom.render(document.getElementById('root') )”,该句代码,只需要写在index.js中,如下:

index.js:

http://img.mukewang.com/climg/5f34dfb60927a6ae08290234.jpg

son.js:

http://img.mukewang.com/climg/5f34dfbb0974e8cb05540432.jpg

father.js:

http://img.mukewang.com/climg/5f34dfbf0907c39705540365.jpg

修改之后,就正确了:

http://img.mukewang.com/climg/5f34dfcf09a7b8ff03260101.jpg

如果我的回答帮到了你,欢迎采纳,祝学习愉快!

0

0 学习 · 10739 问题

查看课程