Reactjs TypeError:无法读取属性'；道具'；未定义的反应_Reactjs_Components_React Props

Reactjs TypeError:无法读取属性'；道具'；未定义的反应

reactjs

Reactjs TypeError:无法读取属性'；道具'；未定义的反应,reactjs,components,react-props,Reactjs,Components,React Props,我不熟悉react js，下面的react代码给了我这个错误 “TypeError:无法读取未定义at按钮（D:\my app.next\server\static\PqudrDXAzXfiQCJ2zK-7F\pages\index.js:408:59）的属性'props'。” 请帮我解决这个问题，谢谢这是我的index.js import React, { Component } from 'react'; import Link from 'next/link'; import Head

我不熟悉react js，下面的react代码给了我这个错误
“TypeError:无法读取未定义at按钮（D:\my app.next\server\static\PqudrDXAzXfiQCJ2zK-7F\pages\index.js:408:59）的属性'props'。”

请帮我解决这个问题，谢谢

这是我的index.js

import React, { Component } from 'react';
import Link from 'next/link';
import Head from '../components/head';
import Nav from '../components/nav';
import Button from '../components/Button';
export default () => (
<div>
<Head title="Home" />
<Nav />
<Button text="Demo Button" />
</div>
);

import React，{Component}来自'React'；
从“下一个/链接”导入链接；
从“../components/Head”导入Head；
从“../components/Nav”导入导航；
从“../components/Button”导入按钮；
导出默认值（）=>(
);

这是我的Button.js文件

import React from 'react';
import './button.css';
import { string } from 'prop-types';

const Button = (props) => (
<button>{ props.text } </button>
);
Button.propTypes = {
text: string
 };

export default Button;

从“React”导入React；
导入“./button.css”；
从“属性类型”导入{string}；
常量按钮=（道具）=>(
{props.text}
);
Button.propTypes={
文本：字符串
};
导出默认按钮；

请检查此工作示例：

从“React”导入React；
从“属性类型”导入{string}；
const Button=props=>{props.text}；
Button.propTypes={
文本：字符串
};
导出默认值（）=>(
);

您应该返回JSX。i、 e.

return（…），

和

return（hi@tikkes，谢谢你的回复。你能告诉我在这种情况下应该如何使用return语句吗？如果省略花括号，就没有必要像在箭头函数中那样返回下面的语句。谢谢@radulle它为我工作，这很简单。
import React from "react";
import { string } from "prop-types";
const Button = props => <button> {props.text} </button>;
Button.propTypes = {
  text: string
};
export default () => (
  <div>
    <Button text="Demo Button" />
  </div>
);