小编use*_*203的帖子

我想使用redux-form在我的州里设置日期.我使用react-datepicker.为了使datepicker与我的redux-form兼容,我写道:

import React, { PropTypes } from 'react';
import DatePicker from 'react-datepicker';
import moment from 'moment';
import 'react-datepicker/dist/react-datepicker.css';

    const MyDatePicker = ({ input, meta: { touched, error } }) => (
      <div>
        <DatePicker
          {...input} dateFormat="YYYY-MM-DD"
          selected={input.value ? moment(input.value) : null}
        />
        {
          touched && error &&
          <span className="error">
            {error}
          </span>
        }
      </div>
    );

    MyDatePicker.propTypes = {
      input: PropTypes.shape().isRequired,
      meta: PropTypes.shape().isRequired
    };

    export default MyDatePicker;

问题是,当我选择日期时,我希望它显示为DD-MM-YYYY,但我希望日期以YYYY-MM-DD HH:MM:SS格式保存在我的州.这该怎么做？我使用时刻的格式功能,但它似乎不起作用

我有一个我这样定义的react-select组件：

<Select
            id="portf"
            options={opts}
            onChange={value => portfolioSelector(value)}
            placeholder="Select Portfolio"
          />

与opts = [{label: any, value:1}, {label:Two, value:2}]。

选择后的值将通过portfolioSelector功能存储在状态中。问题是当我选择一个值时，它没有显示在选择字段中。我的主要组成部分是：

const PortfolioSelector = ({
  opts,
  portfolioSelector
}) => {
  if (opts) {
    return (
      <div className="portfolio select-box">
        <label htmlFor="selectBox" className="select-box__label">
        Portfolio
        </label>
        <div className="select-box__container">
          <Select
            id="portf"
            options={opts}
            onChange={value => portfolioSelector(value)}
            placeholder="Select Portfolio"
          />
        </div>
        <div className="separator" />
      </div>
    );
  }
  return (
    <div>Loading</div>
  );
};

你知道为什么吗？

我在 javascript 中有一个像这样的对象数组：

array=[{label: 1, value:e}, {label:1, value: i}, {label: 2, value:l}]

我想在值为 l 时找到标签，所以我写的是：

array.map((i) => i.find(item => item.value === 'l').label)

但返回错误

i.find 不是一个函数

我缺少什么？

我对这个任务有点困惑我有这样一个数组:array = ["123","456","#123"]我想找到包含#的元素.我用过array.includes("#"),array.indexOf("#")但它没有工作任何想法？

我使用带有redux形式的material-ui datepicker组件.这看起来很神奇我在这里有一点问题.当我将输入字段中显示的日期更改为yyyy-mm-dd时.我想改变它,以便显示为dd-mm-yyyy.datepicker有一个名为formatDate的属性,它将一个函数作为输入.所以我写道:

<Field
      name="dateFrom"
      component={DatePicker}
      hintText="?????????? ???"
      autoOk
      formatDate={() => moment().format(DD-MM-YYYY)}
    />

但它似乎没有用.你有什么想法？

我使用 Material ui 作为当前项目的强制库。项目的一个页面需要四个选项卡，因此我使用 Material ui 库中的选项卡组件。

当我渲染默认包含选项卡的页面时，第一个选项卡是活动选项卡。我想将第四个选项卡设置为活动状态。

从文档中，我看到选项卡的“ value ”属性。因此，我将四个选项卡的值分别设置为每个选项卡的 1、2、3 和 4。当导航到相应的屏幕时，我调度一个操作，该操作在我的商店中将属性选项卡值设置为 4。

然后，虽然 mapStateToProps 我让这个属性可供我的组件访问。所以当我进入页面时的值是四，但活动选项卡仍然是第一个。让我向你展示我的代码：

const mapStateToProps = state => ({
   value: state.get('tabValue');
});

const mapDispatchToProps = dispatch => ({
 tabClicked: () => setActiveTab('tabValue', 4)
})

我的组件：

const Tabs = ({ value }) => (
 <Tabs>
   <Tab value={1}></Tab>
   ....
   <Tab value={value}</Tab>
 </Tabs

）

我有一个日期,我使用时刻格式化显示如下:03/04/2105.我想再次使用它将它转换为iso.结果我写道:

const IsoDateTo = moment(dateTo).format('YYYY-MM-DD[T]HH:mm:ss');

日期是23/04/2105,但是IsoDateTo返回的内容如下:2105-03-04T00:00:00当我输入大于12的日期时,它返回无效日期.为什么会这样？

你好每个我都有类型字符串的日期字段与iso格式,如下所示:const date ="2017-06-10T16:08:00:我想以某种方式编辑以下格式的字符串,如下所示:10-06-2017但我我努力实现这一目标.我在"T"字符之后剪切了子字符串

我有一个范围栏,我从反应滑块创建.我想以redux形式使用它.我的问题是值没有返回.更具体的是,当我对表单求值时,其他字段返回值,而此范围栏返回undefined.我如何以redux形式使用Range？我的代码是

<FormGroup className="col-sm-3 ">
        <Label for="value-slider">VALUE</Label>{' '}
        <Field
          id="value-slider"
          name="value-slider"
          component={Range}
        />
      </FormGroup>

我想通过“push()”方法向现有数组添加元素来创建一个新数组。

let arr = [{label: 1, value: 1}, {label: 2, value: 2}];

{label: 3, value: 3}

let arr = [{label: 1, value: 1}, {label: 2, value: 2}];

let newArr = arr.push({label: 3, value: 3});

console.log(newArr); // 3