Javascript 反应道具（JSX）

我在React中实现了一个基本的评级组件，不知怎的我做到了这一点

const Rating = ( {text},{value}) => {
return (
   <div className='rating'>
    <span>
        <i className={value>=1?'fas fa-star':value>=0.5?'fas fa-star-half-alt':'far fa-star'}></i>
    </span>
    </div>
)}

const Rating=（{text}，{value}）=>{
返回(
=1？'fas-fa-star'：值>=0.5？'fas-fa-star-half-alt'：'far-fa-star'}>
)}

而不是这个

const Rating = ( {text,value}) => {
return (
   <div className='rating'>
    <span>
        <i className={value>=1?'fas fa-star':value>=0.5?'fas fa-star-half-alt':'far fa-star'}></i>
    </span>
    </div>
)}

const Rating=（{text，value}）=>{
返回(
=1？'fas-fa-star'：值>=0.5？'fas-fa-star-half-alt'：'far-fa-star'}>
)}

有人能告诉我为什么在第一部分中没有处理该值吗

另外，我在react/javascript领域相对较新，如果这是一个非常基本的问题，那么很抱歉。

因为这

（{text}，{value}）！=（{text，value}）。

---

当您执行此操作时，

（{text，value}）

，您需要解构道具。

这意味着您需要两个对象作为参数

( {text},{value} ) 

---

这意味着您需要一个单个对象作为参数

({ text, value }) 

创建组件时，通常只需要一个对象参数，我们通常称之为props

const Component = (props) => {}

如果您希望以这种方式使用组件

<Component text="I am text" value="I am value" />

const Component = (props) => {
    const { text, value } = props
}