Question

import React from 'react'
import { Rating } from 'semantic-ui-react'

class Test extends React.Component {

  CheckRating = (rating) => {
    alert(rating)
  }
  render(){
    return (
      <Rating icon='heart' defaultRating={1} maxRating={5} onRate={() => this.CheckRating(rating)} />
    )
  }
}
export default Test

在这里，我使用语义UI反应来进行评级。我如何在CheckRating（）函数中获得评级值。我尝试使用event.target.value和abd来定义

Answer 1

您正在onRate处理程序中丢失事件。使用无点符号就足够了：

import React from 'react'
import { Rating } from 'semantic-ui-react'

class Test extends React.Component {

  CheckRating = (event, data) => {
    alert(data.rating)
  }
  render(){
    return (
      <Rating icon='heart' defaultRating={1} maxRating={5} onRate={this.CheckRating} />
    )
  }
}
export default Test

Answer 2

您可以尝试使用此代码。

CheckRating = (e, { rating }) => {
    alert(rating)
}

render(){
    return (
        <Rating icon='heart' defaultRating={1} maxRating={5} onRate={ this.CheckRating } />
    )
}

问题是您必须从用户评分时触发的事件对象中获取评分值！

您可以在React Semantic UI

中找到有关此示例的更多信息

功能评分时如何获得评分值

2 个答案: