Question

我正在尝试一本名为 Fullstack React 的书中的示例。我不知道为什么Product组件没有显示。我还是 React 和 StackOverflow 的新手。对不起，我可能会犯的错误。

class Product extends React.component {
  render() {
    return (
      <div className='item'>
        <div className='image'>
          <img src='images/products/image-aqua.png' />
        </div>
        <div className='middle aligned content'>
        <div className='description'>
          <a> Fort Knight </a>
          <p> Authentic renaissance actors, delivered in  just two weeks.</p>
        </div>
        <div className='extra'>
          <span> Submitted by:</span>
          <img 
            className='ui avatar image'
            src='images/avatars/daniel.png'
          />
        </div>
      </div>
    </div>
      );
  }
}

class ProductList extends React.Component {
  render() {
    return (
      <div className='ui unstackable items'>
        <Product />
      </div>
    );
  }
}

它也使用语义框架。

Answer 1

React.component应该是React.Component

例如，您还可以与主React同时导入Component。

import React, { Component } from 'react'

反应组件未显示

1 个答案: