Javascript 如何检查是否<；输入b/>；在<；输入/>；已经被选中了吗？

我有以下两个输入组件：

function Inputs() {
  return (      
    <div>
      <GooglePlacesAutocomplete
        onSelect={(data) => getPointA(data)}
        placeholder="Enter place or address for Point A"
      />

      <GooglePlacesAutocomplete
        onSelect={(data) => getPointB(data)}
        placeholder="Enter place or address for Point B"
        idPrefix="pointB"
      />
    </div>
  )
}

函数输入（）{
报税表（
getPointA（数据）}
占位符=“输入点A的位置或地址”
/>
getPointB（数据）}
占位符=“输入点B的位置或地址”
idPrefix=“点B”
/>
)
}

当我从第一个GooglePlacesAutocomplete组件中选择一个值时，我想检查第二个GooglePlacesAutocomplete组件是否有一个值。我该怎么做？下面是我正在使用的组件的链接：

---

谢谢

您可以将所选值的状态存储在

输入

组件中，以便访问所选值：

function Inputs() {
  const [placeA, setPlaceA] = useState('');
  const [placeB, setPlaceB] = useState('');
  const getPointA = (data) => {
    setPlaceA(data)
  }
  const getPointB = (data) => {
    setPlaceB(data)
  }
  return (      
    <div>
      <GooglePlacesAutocomplete
        onSelect={(data) => getPointA(data)}
        placeholder="Enter place or address for Point A"
      />

      <GooglePlacesAutocomplete
        onSelect={(data) => getPointB(data)}
        placeholder="Enter place or address for Point B"
        idPrefix="pointB"
      />
    </div>
  )
}

函数输入（）{
常量[placeA，setPlaceA]=useState（“”）；
const[placeB，setPlaceB]=useState（“”）；
常量getPointA=（数据）=>{
setPlaceA（数据）
}
常量getPointB=（数据）=>{
setPlaceB（数据）
}
报税表（
getPointA（数据）}
占位符=“输入点A的位置或地址”
/>
getPointB（数据）}
占位符=“输入点B的位置或地址”
idPrefix=“点B”
/>
)
}

将所选数据存储在父组件中（此处为“输入”），这样您就可以检查第二个GooglePlacesAutoComplete是否有值