我对react.js非常陌生。当我从事一个实践项目时,我遇到了这个奇怪的错误。导入时,外部js文件中的一些组件呈现,而有些则不呈现。
app.js:
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:
import React from 'react'
function fuctionalClick() {
return (
<div>
<button>Click</button>
</div>
)
}
export default fuctionalClickhello.js:
import React from 'react';
const Hello = (props) => {
return (
<div>
<h1>
Hello {props.name}!
</h1>
</div>
);
}
export default Hello;functionalClick.js不呈现,但第一个方法呈现(hello.js)。即使我遵循的语法几乎相同.在这里输入图像描述。
发布于 2020-11-20 10:02:22
在您的问题中,错误,但有时也不工作,然后检查您的组件名称后,首先。如果它很小,那就做它的资本。
https://stackoverflow.com/questions/56622078
复制相似问题