小编Pet*_*ngs的帖子

我正在使用valor-software的ng2-bootstrap.当我使用ng serve启动网站时,提供的页面在标题中包含以下样式标记:

<style type="text/css">/* You can add global styles to this file, and also import other style files */
</style>

<style type="text/css">/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}

它显然是从node_modules/bootstrap/dist/css/bootstrap.css文件中提取第二个内联样式.我想覆盖body标签上的背景颜色.我可以更改node-modules文件夹中的bootstrap.css文件,但这不是正确的解决方案.

更改style.css文件不会执行任何操作.即使更改index.html文件似乎也没有做任何事情.样式似乎被覆盖.

非常感激任何的帮助.

谢谢

我是react/redux的新手,但可以为我的应用程序实现一些简单的addProduct表单.今天我尝试用这个基本演示中的Formik替换它,但是我不知道我应该在哪里放置"调度"功能(我在任何地方都尝试过).

可能是我以错误的方式使用连接？

我的新组件与Demo完全相同,只不过我用productName(以及其他附加字段)替换了电子邮件.但我无法理解如何将"值"从Formik传递到Redux商店.

我的旧表单组件,没有Formik,看起来像这样:

import React from 'react';
import { connect } from 'react-redux';
import { addProduct } from '../actions';

const AddProduct0 = ({ dispatch }) => {
  let inputSKUNumber;
  let inputProductName;
  return (
    <div>
      <input
        ref={(node) => {
          inputSKUNumber = node;
        }}
        placeholder="SKU Number"
      />
      <input
        ref={(node) => {
          inputProductName = node;
        }}
        placeholder="Product name"
      />
      <button
        onClick={() => {
          dispatch(addProduct({ SKUNumber: inputSKUNumber.value, name: inputProductName.value }));
          inputSKUNumber.value = '';
          inputProductName.value = '';
        }}
      > …