როდესაც ორ კომპონენტს ერთი და იგივე state უნდა გაუზიაროს, თქვენ ამ state-ს აწევთ ("lifting") მათი უახლოესი საერთო ancestor-ის დონეზე და იგი props-ის მეშვეობით გადასცემთ ქვემოთ, ასე რომ ეს არის ჭეშმარიტების ერთი წყარო.
() {
[query, setQuery] = ();
(
);
}
თუ თითოეულმა child კომპონენტმა თავისი query შეინარჩუნა, ისინი გამოსული ბილერი გახდებოდნენ. აწევა იმას ნიშნავს, რომ input და results ყოველთვის ერთმანეთს თანხმდებიან.
State-ის მაღლა აწევამ შეიძლება აიძულოს თქვენ props-ი მრავალი შუამავალი კომპონენტის მეშვეობით გაიტანოთ, რომლებიც მათ არ იყენებენ:
<App user={user}>
<Layout user={user}> {/* just forwarding */}
<Sidebar user={user}> {/* just forwarding */}
<Avatar user={user} /> {/* finally used here */}
children-ის სახით გადასცეთ, ისე რომ მონაცემები იქ დარჩეს სადაც გამოიყენება, ვიდრე მრავალი კომპონენტის მეშვეობით გატარდეს.მამართავი პრინციპი: აწიეთ state მხოლოდ იმდენად მაღლა რამდენადაც საჭიროა — არა უფრო მაღლა. ზედმეტი აწევა იწვევს ფართო re-renders-ს და prop drilling-ს; აკლებული აწევა იწვევს სინქრონიზებული duplikates-ს.