Javascript 无法读取属性";名称“;在反应中未定义的
我正在编写reactjs(coffescript+JSX语法)。如果用户将某些内容写入输入,然后单击按钮,则会发送get-ajax请求,并且回调函数(json对象)中的结果不会使用setState插入状态names,我会得到以下错误:无法读取未定义的属性“names” 我不知道哪里会有问题Javascript 无法读取属性";名称“;在反应中未定义的,javascript,reactjs,coffeescript,jsx,Javascript,Reactjs,Coffeescript,Jsx,我正在编写reactjs(coffescript+JSX语法)。如果用户将某些内容写入输入,然后单击按钮,则会发送get-ajax请求,并且回调函数(json对象)中的结果不会使用setState插入状态names,我会得到以下错误:无法读取未定义的属性“names” 我不知道哪里会有问题 $ -> # first component MainComponent = React.createClass getInitialState: -> names:[] _ge
$ ->
# first component
MainComponent = React.createClass
getInitialState: ->
names:[]
_getSpecificCard: (card_name) ->
$.get "home/users/#{card_name}", (newuser) -> @setState names:@state.names.concat([newuser])
_getAllcards: ->
@state.names.map((user) ->
<Card key={user.id} name={user.login} avatarurl={user.avatar_url} />)
render: ->
cards= @_getAllcards
<div>
<SimpleForm addCard={@_getSpecificCard} />
{cards}
</div>
# second component
SimpleForm= React.createClass
_handleSubmit: (e) ->
e.preventDefault()
textInput= @refs.login
@props.addCard(textInput.value)
render: ->
<form onSubmit={@_handleSubmit}>
<input placeholder="github login" ref="login" />
<button>Show user</button>
</form>
# third component
Card = React.createClass
render: ->
<div>
<h3>{@props.name}</h3>
<img src={@props.avatarurl} width=80 />
</div>
ReactDOM.render(<MainComponent />,document.getElementById("pluralsight"))
您的
$.get
回调没有您的React组件,因为它是此
(或@
)上下文。您可以使用粗箭头=>
来保留@
:
\u获取特定卡片:(卡片名称)->
$.get“home/users/#{card_name}”,(newuser)=>self.setState名称:self.state.names.concat([newuser])
在将函数传递给子组件时,可能还需要绑定该函数,以确保正确的this
:
您的
$。get
回调没有您的React组件,因为它是此(或@
)上下文。您可以使用粗箭头=>
来保留@
:
\u获取特定卡片:(卡片名称)->
$.get“home/users/#{card_name}”,(newuser)=>self.setState名称:self.state.names.concat([newuser])
在将函数传递给子组件时,可能还需要绑定该函数,以确保正确的this
:
要确保此
引用回调中的组件类,请使用=>
:
$.get "home/users/#{card_name}", (newuser) => @setState names:@state.names.concat([newuser])
^
否则,在执行回调时它将超出范围。要确保此
引用回调中的组件类,请使用=>:
$.get "home/users/#{card_name}", (newuser) => @setState names:@state.names.concat([newuser])
^
否则,在执行回调时,它将超出范围。是否有可能提供代码的预处理版本?这会让我们这些不太熟悉CoffeeScript的人得到帮助。你能提供代码的预处理版本吗?这会让我们这些不太熟悉咖啡脚本的人有所帮助。你是对的。我以为是反应有问题,但不是。我必须用这个胖箭。谢谢你说得对。我以为是反应有问题,但不是。我必须用这个胖箭。谢谢