REACT.JS-選択/オプションが表示されないはずです

これはおそらく単純なことですが、私は自分が間違っていることを理解できません。

option私は別のものを選択したときに変更されていませんが、状態が更新されています。

クラスに基づくコンポーネント（OrcConfig）と2つの関数コンポーネント（salvarOrcamentoとorcSelect）の3つのコンポーネントがあります。最初のものは私のロジックを所有して状態を制御し、2番目のものはデータをフェッチDBして3番目のものに送信します。selectタグがあり、のリストはoptions2つのmap方法で作成されています。最初のものは数を作成しselects、2番目のものはオプションのリストをそれぞれの中に印刷しますselect。

これまでのところ良いので、問題があることであるDOM私が変更されたときに更新されていないoption、しかしstateとき実際にはそれだけで起こる、であるstate私が削除した場合、更新されているthis.setState問題のvanishsをするので、もちろんこれは解決策ではありませんが、を更新する必要がありstateます。私はとの関係を見ることができないことのほかにstateとselect、以降componentも、その値を受信していない、それだけでメソッドへのアクセスを持っています。

ここ（または左）に何が欠けていますか？

これが私のアプリの簡略版です。

OrcConfigコンポーネント：

class OrcConfig extends Component {

state = {
    cliente: null

}

selecionarClienteHandler = e => {
    let clienteNome = this.state.cliente;
    clienteNome = e.currentTarget.value.split(',').filter(it => it !== '').join();
    this.setState({cliente: clienteNome});
    console.log(clienteNome)
}

render () {
    return (
        <div>
            <SalvarOrcamento 
                selecionarCliente={this.selecionarClienteHandler}
            />
        </div>
    );
  }
}

コンポーネントの保存：

const salvarOrcamento = props => {

let [clientes, setClientes] = React.useState(null)

React.useEffect(() => {
    axios.get('/clientes.json')
        .then(res => {

            let clientesListaArr = Object.keys(res.data)
                                    .map(it => [['nome', it]])

            clientesListaArr.unshift([['nome', 'Clientes']])

            let clientesLista = clientesListaArr.map(it => Object.fromEntries(it))

            setClientes(clientes = clientesLista)
        })
        .catch(erro => console.log(erro))
}, [])

return (
    <div>
        <OrcSelect tipos={[clientes]} valorTipo={props.selecionarCliente} />
    </div>
  )
}

OrcSelectコンポーネント：

const orcSelect = props => {
console.log(props.tipos)
return (
    props.tipos.map( (tipo, i) => {
        return  <select 
                    key={Math.random()} 
                    onChange={props.valorTipo} 
                    name={tipo[0].nome}>

                    {
                        tipo.map((item, index) => 
                            <option 
                                value={[item.valor, item.altura, item.nome, item.furo]} 
                                key={Math.random()} >{item.nome}
                            </option>
                        )
                    }
                </select>
    })
  )


};

これは、OrcSelectがマップするために受信しているものの例です。

[[
   {nome: 'João'},
   {nome: 'Ricardo'},
   {nome: 'Alessandra'},
   {nome: 'Ana'}
]]