如何删除reactjs

Question

如何删除reactjs

上仪表板标题周围的空白区域

任何人都可以帮助第一时间做出反应和css。不确定需要做些什么。

完整的源代码在这里。 Header.js

import React, { Component, PropTypes } from 'react'

class Header extends Component {
  render() {
    const { todos, actions } = this.props
    return (
      <div style = {divStyle}>
        <h1>
            Dashboard
        </h1>
      </div>
    )
  }
}

var divStyle = {
  background: "black",
  textAlign: "center",
  color: "white"
}

export default Header

App.js

import React, { Component, PropTypes } from 'react'
import { bindActionCreators } from 'redux'
import { connect } from 'react-redux'
import * as TodoActions from '../actions/todos'
import Header from '../components/Header'

class App extends Component {
  render() {
    const { todos, actions } = this.props
    return (
      <div style = {divStyle}>
        <Header/>
      </div>
    )
  }
}

var divStyle = {
  margin: 0,
  padding: 0
}

App.propTypes = {
  todos: PropTypes.array.isRequired,
  actions: PropTypes.object.isRequired
}

function mapStateToProps(state) {
  return {
    todos: state.todos
  }
}

function mapDispatchToProps(dispatch) {
  return {
    actions: bindActionCreators(TodoActions, dispatch)
  }
}

export default connect(
  mapStateToProps,
  mapDispatchToProps
)(App)

Answer 1

我不确定您的React Code。但这是CSS的一个问题，你没有重置东西。它由margin或body或其他内容引起。使用以下重置。

* {
  margin: 0;
  padding: 0;
}

Answer 2

知道了！

33