小编sha*_*k.s的帖子

我正在使用React Strap来帮助样式化正在创建的应用程序，但是我不知道如何将导航的背景颜色从白色更改为黑色。我曾尝试在nav标签页中将=“ dark”涂成彩色，但这没有用。有什么帮助吗？

import React, { Component } from 'react';
import { Nav, NavItem, Dropdown, DropdownItem, DropdownToggle, DropdownMenu, NavLink } from 'reactstrap';

    export default class nav extends React.Component{

     constructor(props) {
        super(props);

        this.toggle = this.toggle.bind(this);
        this.state = {
          dropdownOpen: false
        };
      }

      toggle() {
        this.setState({
          dropdownOpen: !this.state.dropdownOpen
        });
      }

      render() {
        return (
          <div>
            <Nav tabs>
              <NavItem>
                <NavLink href="/" active>blank.</NavLink>
              </NavItem>
              <Dropdown nav isOpen={this.state.dropdownOpen} toggle={this.toggle}>
                <DropdownToggle nav caret>
                  Dropdown
                </DropdownToggle>
                <DropdownMenu>
                  <DropdownItem header>Header</DropdownItem>
                  <DropdownItem disabled>Action</DropdownItem>
                  <DropdownItem>Another Action</DropdownItem>
                  <DropdownItem divider />
                  <DropdownItem>Another …

我正在使用material-ui中的Grid组件。我无法将网格项堆叠在一起。现在它们彼此堆叠在一起。我不确定是什么让它们堆叠在一起。我已经做到了，只有在小屏幕上网格项目才会堆叠在一起，否则每个网格项目应该占据 4 列。我在前端使用react。这是我的代码：

网格项：

   const styles = theme => ({

  image: {
    maxWidth: "100%",
    maxHeight: "100%"
  },


});
render() {
    const { post, auth, classes } = this.props;
<div className={classes.root}>
        <Link to={`/post/${post._id}`}>
          <Grid
            item
            key={post.key}
            sm={12}
            md={4}
            lg={4}

          >
            <img src={post.productImage} className={classes.image} />
            <Typography>
              {post.name}
              <br />
              {post.size}
            </Typography>

          </Grid>
        </Link>
      </div>

后馈送：

 render() {
    const { posts } = this.props;

    return posts.map(post => <ListingPost key={post._id} post={post} />);
  }
}

网格：const styles = 主题 => ({

  root: {
    display: "flex", …

所以我正在手机上查看我的网站。我通过输入主机的 IP 地址和网站所在的端口来完成此操作。但是，当我尝试在手机上查看该网站时，出现错误 TypeError：无法读取未定义的属性“应用”。当我在计算机上查看该网站时，不会出现此错误。我不确定为什么会收到此错误，并且我不确定要发布代码的哪一部分，因为我不知道错误来自哪里。我使用 NodeJS 和 ExpressJS 作为后台。我在前端使用 ReactJS 和 Redux。任何帮助表示赞赏！如果需要任何澄清，请告诉我。