在 Button 组件的 render 方法中添加一个返回语句,确保该方法总是返回一个 React 元素(或 null)。例如:
import React from 'react';
class MyButton extends React.Component {
render() {
return (
);
}
}
// 使用 MyButton 组件
const MyApp = () => (
My App
alert('Clicked!')} />
);
在上面的例子中,MyButton 组件的 render 方法返回一个 button 元素,并将其添加到 MyApp 组件中。如果 MyButton 组件的 render 方法遗漏了返回语句,则会出现上述错误消息。为了解决这个问题,我们可以简单地添加一个返回语句:在 render 方法的最后添加 return null;
。
class MyButton extends React.Component {
render() {
return (
);
}
// 加入返回语句
return null;
}