https://codesandbox.io/s/withered-butterfly-e3x3m?file=/src/App.js
Как передать стейт в другой компонент?
2 ответа
Сделать стейт в App.
Передавать в WithCallbacks и List возможность его использовать и менять.
const BlogPage = () => {
....
const [breed, setBreed] = useState("")
return(
/>
<WithCallbacks options={breeds.sort(compare)} title='породу'
selectBreed={(hadleBreed) => setBreed(hadleBreed)} />
{console.log(breed)}
<List breed={breed} />
)}
export default class WithCallbacks extends Component {
constructor(props) {
super(props)
this.state = {
selectedOptions: []
};
...
this.handleChange = this.handleChange.bind(this)
}
handleChange = (selectedOptions) => {
this.setState({ selectedOptions });
this.props.selectBreed(selectedOptions.value)
}
...
-
да; но зачем дублирующий стейт в селекте теперь оставлять; селект теперь совсем функциональным можно сделать 6 сен 2020 в 9:02