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)
似乎他们都做同样的事情……从其他模块获取宏或函数。
如何只滚动列表?我想要.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)当我单击文件夹图标时,它会打开和关闭,因为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,输出
我有此功能可以按升序对日期进行排序(从第一个日期到最后一个日期),我正在使用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)
我想按从最后日期到第一次日期的后代顺序对其进行排序。我怎样才能做到这一点?
谢谢 :)
如何获取此嵌套对象的数组中的所有值:
{
"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) 我正在使用React-Datepicker库,根据这个例子https://reactdatepicker.com/#example-17,我可以排除这样的日期:
excludeDates={[moment(), moment().subtract(1, "days")]}
该代码不包括今天和昨天的日期...如何排除所有未来日期?如果今天是5月13日,则排除从14日开始的所有日期.
提前致谢!
我有此字段呈现一个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 ×5
reactjs ×4
date ×2
arrays ×1
components ×1
css ×1
css-position ×1
datepicker ×1
datetime ×1
elixir ×1
field ×1
html ×1
immutable.js ×1
import ×1
input ×1
object ×1
require ×1
scroll ×1
sorting ×1