Question

所以目前我正在尝试启动一个反应应用程序，并创建我自己的组件。

在TimeChooser.js内部

import React from 'react';

function timeInput(){
    return(
      <div>
      <p>Test</p>
      <input type='time'></input>
      </div>
    )
}

class TimeChooser extends React.Component {
  render(){
    return (
      <div className='TimeChooser'>
        <h2>Choose what time you want to play pool</h2>
        <timeInput/>
      </div>
    );
  }
}

export default TimeChooser;

Inside Index.js

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import TimeChooser from './TimeChooser';
import registerServiceWorker from './registerServiceWorker';

ReactDOM.render(<div>
  <App />
  <TimeChooser />
  </div>, document.getElementById('root'));
registerServiceWorker();

所以目前，当我去我的应用程序的主页面时，TimeChooser将在页面上呈现，但是timeInput（）不会，我对React和JS一般都是新手，对不起，如果这是一个愚蠢的问题还是我错过了什么。

更新没关系！我是个白痴，组件需要大写 TimeInput()和<TimeInput/>

如何使用React

0 个答案: