Я новичок, чтобы отреагировать js и следующий код реагирования, выдающий мне эту ошибку
"Ошибка типа: не удается прочитать свойство 'props' из неопределенного в Button (D: \ my-app.next \ server \ static \ PqudrDXAzXfiQCJ2zK -7F \ pages \ index. js: 408: 59). "
помогите мне решить эту проблему, спасибо.
вот мой индекс. 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>
);
и вот моя кнопка. js file
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;