Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 无法读取属性";名称“;在反应中未定义的_Javascript_Reactjs_Coffeescript_Jsx - Fatal编程技术网

Javascript 无法读取属性";名称“;在反应中未定义的

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

我正在编写reactjs(coffescript+JSX语法)。如果用户将某些内容写入输入,然后单击按钮,则会发送get-ajax请求,并且回调函数(json对象)中的结果不会使用setState插入状态names,我会得到以下错误:无法读取未定义的属性“names”

我不知道哪里会有问题

$ ->
# 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的人得到帮助。你能提供代码的预处理版本吗?这会让我们这些不太熟悉咖啡脚本的人有所帮助。你是对的。我以为是反应有问题,但不是。我必须用这个胖箭。谢谢你说得对。我以为是反应有问题,但不是。我必须用这个胖箭。谢谢