Javascript 如何删除reactjs上仪表板标题周围的空白

如何删除reactjs上仪表板标题周围的空白

任何人都可以在第一次做react和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

import React，{Component，PropTypes}来自“React”
类头扩展组件{
render（）{
const{todos，actions}=this.props
返回(
仪表板
)
}
}
变量divStyle={
背景：“黑色”，
textAlign：“居中”，
颜色：“白色”
}
导出默认标题

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)

import React，{Component，PropTypes}来自“React”
从“redux”导入{bindActionCreators}
从“react redux”导入{connect}
从“../actions/todos”导入*作为TodoActions
从“../components/Header”导入标题
类应用程序扩展组件{
render（）{
const{todos，actions}=this.props
返回(
)
}
}
变量divStyle={
保证金：0，
填充：0
}
App.propTypes={
todos:PropTypes.array.isRequired，
操作：PropTypes.object.isRequired
}
函数MapStateTops（状态）{
返回{
待办事项：state.todos
}
}
功能图DispatchToprops（调度）{
返回{
操作：bindActionCreators（TodoActions、dispatch）
}
}
导出默认连接(
MapStateTops，
mapDispatchToProps
)（应用程序）

---

我不确定您的代码。但这是CSS的一个问题，您不能重置内容。它是由

边距

或

正文

或其他原因引起的。使用以下重置

*{
保证金：0；
填充：0；
}

明白了

var divStyle = {
  position: "absolute",
  top: 0,
  right: 0,
  bottom: 0,
  left: 0,
  margin: 0,
  padding: 0
}

---

var divStyle={背景：“黑色”，文本对齐：“中间”，颜色：“白色”，边距：0，填充：0，}@phongyewtong 1。最后还有一个额外的

，

。不确定是否可以。2.你没有一个单独的CSS文件吗？如果您有一个，请添加到那里！var divStyle={background:“black”，textAlign:“center”，color:“white”，margin:0，padding:0}@phongyewtong你能把这个样式给

body

吗？您需要将其交给

主体

。