React开发:RotaEntry组件无法渲染问题求助
问题解决:RotaEntry组件不渲染的原因
你的RotaEntry组件不显示内容的核心原因是:render方法没有返回JSX元素。React类组件的render方法必须明确返回要渲染的内容,否则默认返回undefined,React不会渲染任何东西。
修正后的RotaEntry组件代码:
export default class RotaEntry extends React.Component { constructor(props) { super(props); } render() { // 加上return语句返回JSX return <td>This isn't being rendered?</td> } }
补充说明:
- React类组件的render方法可以返回单个React元素、null或false,若没有return语句,组件会静默不渲染
- 如果你的render方法里有多行JSX,记得用圆括号包裹,比如:
render() { return ( <td> 这是多行JSX内容 {this.props.employeeId} </td> ) }
内容的提问来源于stack exchange,提问作者domishady
相关产品推荐
相关产品推荐

