我正在使用“react-select”Creatable创建下拉列表并允许用户在列表中创建新项目。
这就是我所拥有的:
<Creatable
name="form-field-name"
value={this.props.selectWorker}
options={this.props.selectWorkers}
onChange={this.props.handleSelectWorker}
/>
Run Code Online (Sandbox Code Playgroud)
现在,用户可以创建新名称,即使它已经存在,也可以创建重复项,如下所示。
我看到有一个名为isOptionUnique“ react-select site”的选项。
在选项集中搜索任何匹配的选项。此功能可防止创建重复选项。默认情况下,这是标签和值的基本、区分大小写的比较。预期签名:({ option: Object, options: Array, labelKey: string, valueKey: string }): boolean
我还没能使用它。我已经尝试过isOptionUnique=true,isOptionUnique={options:this.props.workers}但出现Creatable.js:173 Uncaught TypeError: isOptionUnique is not a function错误。
我找不到 的示例isOptionUnique,过滤反应选择以防止重复使用的最佳方法是什么Creatable?
我在 SO here和 GH here上看到了类似的帖子,但都没有解决我遇到的问题。
我的 gh 页面上有一个 Jekyll 应用程序,我需要在其中使用 scss 功能(主要用于 mixins)。但是,我无法让 jekyll 与 scss 一起工作。
目前,这是我的 (CSS) 文件所在的位置。我所有的 CSS 都是从custom.css. 我在 header 中导入了它<link rel="stylesheet" href="{{ site.baseurl }}/assets/stylesheets/custom.css">。
该.scss内部文件_sass的文件夹为空。
这是里面的样子_config.yml:
...
#sass
sass:
sass_dir: _sass
style: compressed
Run Code Online (Sandbox Code Playgroud)
这就是我现在所处的位置。以下是我尝试过的一些事情:
我试过custom.css改成custom.scss(然后更新标题<link href... stylesheets/custom.scss">。当我这样做时,我得到Resource interpreted as Stylesheet but transferred with MIME type text/x-scss...错误。
我尝试将里面的配置更改_config.yml为:
sass:
sass_dir: assets/stylesheets
style: compressed
... …
我正在阅读 Elixir 的模式匹配=,对于作为匹配运算符的运算符我有点困惑。
该网站说
Elixir,= 运算符实际上称为匹配运算符。
它给出了这个例子:
iex> x = 1
1
iex> x
1
iex> 1 = x
1
iex> 2 = x
** (MatchError) no match of right hand side value: 1
Run Code Online (Sandbox Code Playgroud)
出于某种原因,我仍然不明白在1 = x做什么。1如果我将刚刚分配的变量的值放在左侧,它会返回=,如果值不相同,则会抛出错误。我真的不明白这有什么用。
=成为匹配操作员意味着什么?它是否类似于1 == x(如果是,为什么不返回true/false)?我什么时候会使用匹配运算符?
我正在使用react-datetime开箱即用.
现在,我正在尝试将所选日期保存到我的date州.
import DateTime from 'react-datetime';
import '../DateTime.css';
class SomeClass extends React.Component {
render(){
return (
<div>
<DateTime onChange={this.props.handleDate}/>
...
Run Code Online (Sandbox Code Playgroud)
上面的程序有效 - 它显示一个简单的框,当有人点击它时显示日历.
这是handleDate方法:
...
handleDate(e){
this.setState({date: e.target.value}, () => console.log(this.state.date))
};
Run Code Online (Sandbox Code Playgroud)
它适用于我常规的'react-bootstrap组件:<FormControl type="date" onChange={this.props.handleDate} />但是当我使用时DateTime,它表示它的值是未定义的." Schedule.js:135 Uncaught TypeError: Cannot read property 'value' of undefined"
我正在查看来自npm网站的API,但没有看到任何显示如何获取数据的示例.我可能会重读它.
如何使用DateTime?获取所选日期的值?e.target.value似乎不适用于这种情况.
我正在Phoenix 应用程序中为我的模型user和role模型定义架构。角色has_many用户和用户belongs_to角色。似乎有 3 个不同的on_delete:选项:nilify_all、nothing(默认)和delete_all.
当我查看Ecto.Schema页面时,我并没有真正找到每个页面的定义。
、 和-之间有什么区别nilify_all,我应该什么时候使用它们?nothingdelete_all
我正在尝试创建一个代码,当我键入搜索名称时,它会搜索并返回其数组位置.以下代码有效('Ned'正确显示值1):
array1 = ['Lucky', 'Ned', "Dusty'"]
counter = 0
name = 'Ned'
array1.each do |lookup|
if lookup == name
puts counter
end
counter += 1
end
Run Code Online (Sandbox Code Playgroud)
但是,当我使用return counter代替时puts counter,代码返回错误.这是错误代码:
unexpected return
(repl):7:in `block in initialize'
(repl):5:in `each'
(repl):5:in `initialize'
Run Code Online (Sandbox Code Playgroud)
我不明白为什么会说initialize.我不明白它为什么适用puts而且不适用return.有人会解释为什么它return在成功打印时无法获得价值吗?
我有一个数组rangers = ["red", "blue", "yellow", "pink", "black"] (有争议的是绿色应该是它的一部分,但我决定省略它)
我想将数组元素加倍rangers = ["red", "red", "blue", "blue", "yellow", "yellow", "pink", "pink", "black", "black"],以便按顺序返回.
我试着环顾四周,但我找不到按顺序做的方法.(rangers *= 2不会起作用).
我也试过了 rangers.map{|ar| ar * 2} #=> ["redred", "blueblue",...]
我试过了 rangers << rangers #=> ["red", "blue", "yellow", "pink", "black", [...]]
如何复制元素以在其旁边返回重复元素值?另外,如果可能的话,我想复制它n次,所以当n = 3它返回时["red", "red", "red", "blue", "blue", "blue", ...]
我正在编辑几个月前制作的应用程序,并且在其中安装了 Devise 并:confirmable启用。我想从我的应用程序中删除可确认,但我的数据库架构在许多迁移之前已经内置了可确认,并且几乎不可能进行平滑回滚。
如何从我的应用程序中删除可确认并允许用户立即注册而无需单击确认电子邮件链接?如果不可能,是否有解决方法?
User model:
class User < ActiveRecord::Base
attr_accessor :login
devise :database_authenticatable, :registerable,
:recoverable, :rememberable, :trackable, :validatable, :confirmable
...
Schema:
create_table "users", force: :cascade do |t|
t.string "email", default: "", null: false
...
t.string "confirmation_token"
t.datetime "confirmed_at"
t.datetime "confirmation_sent_at"
t.string "unconfirmed_email"
t.string "username"
end
add_index "users", ["confirmation_token"], name: "index_users_on_confirmation_token", unique: true
Run Code Online (Sandbox Code Playgroud) 如何检查一个短语在字符串中出现的次数?
例如,假设短语是 donut
str1 = "I love donuts!"
#=> returns 1 because "donuts" is found once.
str2 = "Squirrels do love nuts"
#=> also returns 1 because of 'do' and 'nuts' make up donut
str3 = "donuts do stun me"
#=> returns 2 because 'donuts' and 'do stun' has all elements to make 'donuts'
Run Code Online (Sandbox Code Playgroud)
我检查了这个建议使用include的SO,但它只有donuts在按顺序拼写时才有效。
我想出了这个,但是在拼写了所有元素之后它不会停止拼写"donuts"。IE"I love donuts" #=> ["o", "d", "o", "n", "u", "t", "s"]
def word(arr)
acceptable_word = "donuts".chars …Run Code Online (Sandbox Code Playgroud) 我有一个firebase数据库,具有以下结构:
这些随机UID中的每一个都有creator和roomName.我试图在数组中显示所有roomName ["Holy Robert Louis Stevenson", "Holy Sardine", "Holy Gunpowder"],但它总是显示为[Object, Object, Object]
这是我的代码:
const dbRef = firebase.initializeApp(config).database().ref().child('rooms');
...
componentDidMount(){
dbRef.on('value', snap => {
console.log(snap.val());
console.log('firebaseHolyArray: ', Object.values(snap.val()));
});
}
Run Code Online (Sandbox Code Playgroud)
我试过console.log('firebaseHolyArray: ', Object.values(snap.val())["roomName"]);但它显示未定义.如何显示roomName数组格式的值?