小编Liz*_*ody的帖子

Elixir:require 和 import 的区别

require 和 import 有什么区别?

iex> require Integer
Integer
iex> Integer.is_odd(3)
true
Run Code Online (Sandbox Code Playgroud)

iex> import List, only: [duplicate: 2]
List
iex> duplicate :ok, 3
[:ok, :ok, :ok]
Run Code Online (Sandbox Code Playgroud)

似乎他们都做同样的事情……从其他模块获取宏或函数。

import require elixir

2
推荐指数
1
解决办法
575
查看次数

CSS - 如何在div中滚动列表

如何只滚动列表?我想要.text.link-item固定,只在容器内的列表上滚动.

.container {
  position: relative;
  float: right;
  width: 74.4%;
  height: 150px;
  background-color: rgb(230, 230, 233);
  margin-top: 30px;
  box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.1), 0 4px 4px 0 rgba(0, 0, 0, 0.15);
  text-align: left;
  border-radius: 4px;
}

.text {
  position: fixed;
  font-size: 12px;
  font-weight: 600;
  font-family: 'Open Sans', sans-serif;
  color: rgb(116, 124, 142);
  float: left;
  padding: 10px 0px 0px 40px;
}

.box {
  position: absolute;
  padding: 20px 50px 0px 30px;
  color: rgb(116, 124, 142); …
Run Code Online (Sandbox Code Playgroud)

html css scroll css-position

2
推荐指数
1
解决办法
2956
查看次数

在React中在组件外部单击时更​​改状态

我有一个下拉菜单,如下图所示: 在此处输入图片说明

当我单击文件夹图标时,它会打开和关闭,因为showingProjectSelector属性处于设置为false的状态。

  constructor (props) {
    super(props)
    const { organization, owner, ownerAvatar } = props
    this.state = {
      owner,
      ownerAvatar,
      showingProjectSelector: false
    }
  }
Run Code Online (Sandbox Code Playgroud)

当我单击该图标时,它会正确打开和关闭。

<i
  onClick={() => this.setState({ showingProjectSelector: !this.state.showingProjectSelector })}
  className='fa fa-folder-open'>
</i>
Run Code Online (Sandbox Code Playgroud)

但是,我要做的是单击外部的下拉菜单以将其关闭。不使用任何库怎么办?

这是整个组件:https : //jsbin.com/cunakejufa/edit?js,输出

javascript components reactjs

2
推荐指数
1
解决办法
5565
查看次数

ImmutableJS-如何按后代顺序对日期排序

我有此功能可以按升序对日期进行排序(从第一个日期到最后一个日期),我正在使用immutableJS https://facebook.github.io/immutable-js/docs/#/Map/sortBy

export const OrderedMapSelector = (state) => {
  if ( state.allRetrospectivesMap ) {
    return state.allRetrospectivesMap.sortBy((retro) => retro.get('date'))
  } else {
    return Map({})
  }
}
Run Code Online (Sandbox Code Playgroud)

我想按从最后日期到第一次日期的后代顺序对其进行排序。我怎样才能做到这一点?

谢谢 :)

javascript sorting date reactjs immutable.js

1
推荐指数
1
解决办法
1013
查看次数

获取嵌套对象/数组JavaScript的值

如何获取此嵌套对象的数组中的所有值:

{
    "report": {
        "firstSection": {
            "totalIncome": 9650000,
            "category": null,
            "mustPay": null,
            "tax": null,
            "bef": null,
            "message": "Los ingresos exceden el monto máximo para la modalidad monotributo"
        },
        "secondSection": {
            "subTotals": {
                "intTotal": 6295.166666666666,
                "ordTotal": 3884679.201041667
            },
            "unitaryProductionCost": 247.55291005291008,
            "unitaryInfo": {
                "unitarySalesCost": 16338.425925925927,
                "unitarySalesPrice": 23536.585365853658
            },
            "bankDebts": 0,
            "monthlySimpleDepreciation": 173333.33333333334
        },
    }
};
Run Code Online (Sandbox Code Playgroud)

基本上我想要一个像这样的数组,只有值:

{
    "report": [
        9650000,
        null,
        null,
        null,
        null,
        "Los ingresos exceden el monto máximo para la modalidad monotributo",
        6295.166666666666,
        3884679.201041667,
        247.55291005291008,
        16338.425925925927,
        23536.585365853658,
        0,
        173333.33333333334,
    ] …
Run Code Online (Sandbox Code Playgroud)

javascript arrays object

1
推荐指数
1
解决办法
52
查看次数

在React Datepicker中排除未来日期

我正在使用React-Datepicker库,根据这个例子https://reactdatepicker.com/#example-17,我可以排除这样的日期:

excludeDates={[moment(), moment().subtract(1, "days")]}

该代码不包括今天和昨天的日期...如何排除所有未来日期?如果今天是5月13日,则排除从14日开始的所有日期.

提前致谢!

javascript datetime date datepicker reactjs

1
推荐指数
1
解决办法
1643
查看次数

如何将默认值传递给React中的输入(使用props)

我有此字段呈现一个Input组件RenderInput。我需要将默认值传递给它,例如value="100"

      <Field
        name="hours"
        type="number"
        placeholder="Ingrese las horas para esta categoría"
        component={RenderInput}
        onChange={(event) => {
          handleSubmit(currentValues => this.debounceSubmitProduction({
            ...currentValues,
            hours: event.target.value,
          }))();
        }}
      />
Run Code Online (Sandbox Code Playgroud)

这是RenderInput组件:

const RenderInput = ({
  input,
  type,
  disabled,
  readOnly,
  placeholder,
  meta: { touched, error },
  onKeyDown,
  innerRef,
}) => (
  <div>
    <input
      {...input}
      type={type}
      disabled={disabled}
      readOnly={readOnly}
      placeholder={placeholder}
      className={`font-300 ${touched && error && 'has-error'}`}
      onKeyDown={onKeyDown}
      ref={innerRef}
    />
  </div>
);
Run Code Online (Sandbox Code Playgroud)

如果我将其value="100"放入RenderInput组件中,则可以正常工作,但是如果我尝试将该值作为prop传递给RenderInput组件,则它将不起作用。如何将属性value从传递<Field />给RenderInput?

javascript field input reactjs

0
推荐指数
1
解决办法
1301
查看次数