首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >外部反应组件没有在App.js中呈现

外部反应组件没有在App.js中呈现
EN

Stack Overflow用户
提问于 2019-06-16 19:40:31
回答 3查看 1.4K关注 0票数 1

我对react.js非常陌生。当我从事一个实践项目时,我遇到了这个奇怪的错误。导入时,外部js文件中的一些组件呈现,而有些则不呈现。

app.js:

代码语言:javascript
运行
复制
import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
import Hello from './components/hello'
import functionalClick from './components/fuctionalClick'

class App extends Component {
  render() {
    return (
      <div className="App">

        <Hello name='Lol   '></Hello>

        <functionalClick></functionalClick>
      </div>
    );
  }
}

export default App;

functionalClick.js:

代码语言:javascript
运行
复制
import React from 'react'

function fuctionalClick() {
    return (
        <div>
            <button>Click</button>
        </div>
    )
}

export default fuctionalClick

hello.js:

代码语言:javascript
运行
复制
import React from 'react';
const Hello = (props) => {
    return (
        <div>
            <h1>
                Hello {props.name}!
            </h1>
        </div>
    );
}

export default Hello;

functionalClick.js不呈现,但第一个方法呈现(hello.js)。即使我遵循的语法几乎相同.在这里输入图像描述

EN

Stack Overflow用户

发布于 2020-11-20 10:02:22

在您的问题中,错误,但有时也不工作,然后检查您的组件名称后,首先。如果它很小,那就做它的资本。

票数 1
EN
查看全部 3 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56622078

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档