小编seb*_*nka的帖子

我正在尝试在我的项目中使用源图.我正在使用LESS,使用Grunt使用grunt-contrib-less编译

这是我在gruntfile.js上的代码:

less: {
  development: {
    options: {
      paths: ["assets-src"],
      // LESS source maps
      // To enable, set sourceMap to true and update sourceMapRootpath
         based on your install
      sourceMap: true,
      sourceMapFilename: 'assets-src/desktop/css/desktop.css.map',
      sourceMapRootpath: 'assets-dist/desktop/css/'
    },
    files : {
      "assets-src/desktop/css/desktop.css" :
      [
      "assets-src/desktop/less/reset.less",
      "assets-src/desktop/less/variables.less",
      "assets-src/desktop/less/mixins.less" 
      ]
    }
  }
 }

这是我拥有的文件结构:

我在定义sourceMapRootpath时遇到问题.我尝试将所有.LESS文件放在同一个文件夹中,但没有任何事情发生,使用.CSS文件所在的文件夹也是如此.

有什么想法吗？

谢谢!西巴

我正在尝试编写一个要重用的组件，其中一个变量是要呈现的输入类型。

目前，我有这个：

type InputBaseProps = {
  children?: ReactChild;
  className?: string;
  id: string;
  label?: string;
  name?: string;
  onBlur: (event: ChangeEvent<HTMLInputElement>) => void;
  onChange: (event: ChangeEvent<HTMLInputElement>) => void;
  placeholder?: string;
  style?: CSSProperties;
  type: ????;
  value?: string;
};

我只想允许有效的 HTML types，就像这里定义的整个列表https://www.w3schools.com/tags/att_input_type.asp

有什么简单的方法可以做到吗？

我正在尝试使用来扩展React组件的样式，styled-components但无法正常工作。AFAIK，我的做法是正确的，但也许我遗漏了一些东西...这是我所拥有的：

import React from "react";
import styled from "styled-components";

const TextContainer = ({ text }) => {
  return <p dangerouslySetInnerHTML={{ __html: text }} />;
};

const Paragraph = styled(TextContainer)`
  background: red;
`;

class Home extends React.Component {
  render() {
    const { t } = this.props;
    return <Paragraph text="This is a test" />;
  }
}

export default Home;

当然，预期的结果是在上带有红色背景p，但是现在输出看起来像这样：

关于如何解决这个问题的任何想法？可能我缺少了一些东西，但我不知道是什么。

谢谢是前进！