小编Bet*_*any的帖子

我正在尝试建立自己的调色板颜色以匹配Material UI中的品牌.到目前为止,我只能将主要和次要颜色作为按钮的背景颜色应用.当我添加自己的变量名称或使用"重音"时,如Material UI网站上的示例所示,按钮默认为灰色.

这是我的MyTheme.js代码:

import { createMuiTheme } from 'material-ui/styles';
import purple from 'material-ui/colors/purple';

export default createMuiTheme({
    palette: {
        primary: { // works
          main: '#165788',
          contrastText: '#fff',
        },
        secondary: { // works
          main: '#69BE28',
          contrastText: '#fff',
        },
        companyBlue: { // doesnt work - defaults to a grey button
            main: '#65CFE9',
            contrastText: '#fff',
        },
        companyRed: { // doesnt work - grey button
            main: '#E44D69',
            contrastText: '#000',
        },
        accent: { // doesnt work - grey button
            main: purple, // import purple doesnt …

如何将React函数转换为类？我不明白如何const { classes } = props;在函数中更新类使用.以下是Material UI的按钮功能:https://material-ui-next.com/demos/buttons/

import React from 'react';
import PropTypes from 'prop-types';
import { withStyles } from 'material-ui/styles';
import Button from 'material-ui/Button';

const styles = theme => ({
  button: {
    margin: theme.spacing.unit,
  },
  input: {
    display: 'none',
  },
});

function RaisedButtons(props) {
  const { classes } = props;
  return (
    <div>
      <Button variant="raised" className={classes.button}>
        Default
      </Button>
      <Button variant="raised" color="primary" className={classes.button}>
        Primary
      </Button>
      <Button variant="raised" color="secondary" className={classes.button}>
        Secondary
      </Button>
      <Button variant="raised" color="secondary" disabled …

我正在尝试覆盖 Material UI 的输入，因此我的文本字段周围有一个框而不是一条线。我按照 Material 的示例找到了一个有效的按钮。我不确定我需要做些什么来覆盖文本字段。提前致谢。

我的主题.js

import { createMuiTheme } from 'material-ui/styles';
import Input from 'material-ui/Input';

export default createMuiTheme({
overrides: {
        MuiInput: {
            Root: {
                borderRadius: 0,
                backgroundColor: "#fff",
                border: '1px solid pink',
                fontSize: 16,
                padding: '10px 12px',
                width: 'calc(100% - 24px)',
            },
        }
    } 
});

应用程序.js

import React, { Component } from 'react';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import MyTheme from './MyTheme';
import { withStyles } from 'material-ui/styles';
import TextField from 'material-ui/TextField';


class App extends Component {
  constructor(props) { …

在React中，我试图使用变量和静态文本来动态创建状态变量名称。“ level2”将由“ level”文本加上表示什么级别的变量（selectedItem.Level + 1）创建。

this.state={
  level1:[""], // city
  level2:[""]  // township
  level3:[""]  // neighborhood 
  level4:[""]  // street
}

当用户单击某个城市时，我将填充该城市中所有城镇的阵列，依此类推。通过道具，我知道单击了哪个级别。我想动态创建要更新的状态变量。

“ FilteredListFromClick”是基于单击父对象的子级数组。

this.setState({level2: FilteredListFromClick}) // hard coding name works, level2 is populated with a list of townships in clicked city.

var levelName = "level" + selectedItem.Level+1; // column1, column2, etc
this.setState({levelName: FilteredListFromClick}) // does not work, state is not updated, results are an empty list 

this.setState({"level"{selectedItem.Level+1}: FilteredListFromClick}) // syntax errors - I've tried playing around with different combos of (), …

我正在尝试使用reduce与Typescript来达到传入消息的总数.我对如何添加索引签名很困惑.我一直收到错误:"元素隐式有'任何'类型,因为类型'{}'没有索引签名." on变量newArray和count [k].我已经阅读了几个类似的问题,但还没有弄清楚如何将它们应用到我的特定场景中.我是JavaScript和TypeScript的新手.

这是我的数组:

        var data = [
        { time: '9:54' }, 
        { time: '9:54' },
        { time: '9:54' },
        { time: '9:55' }, 
        { time: '9:55' },
        { time: '9:55' },
        { time: '9:55' },
        { time: '9:56' }, 
        { time: '9:56' },
        { time: '9:56' },
        { time: '9:56' },
        { time: '9:57' }, 
        { time: '9:57' },
        { time: '9:57' },
        { time: '9:57' },
        { time: '9:57' }
    ];

这就是我需要在rechart图中使用我的数组的方法:

        var dataWithCounts = [
        { time: …

如何使用大于和小于Lo Dash过滤数组？

使用Lo Dash的_.find 演示数据：

 var users = [
  { 'user': 'barney',  'age': 36, 'active': true },
  { 'user': 'fred',    'age': 40, 'active': false },
  { 'user': 'pebbles', 'age': 1,  'active': true }
];

我想找到30岁以上的所有用户。

var over30 = _.find(users, function(o) { return o.age > 30; });

但是，这将返回第一个用户Barney，而不是Barney和Fred。

我尝试了以下几种不同的组合。

_.find(users, ['age', > 30]);