在JavaScript中，父子元素之间可以通过以下方式传递值：
- Props（属性传递）：父组件通过属性传递给子组件，子组件可以通过props接收父组件传递的值。
父组件传递值：
<ChildComponent propValue={ value } />
子组件接收值：
const ChildComponent = ({ propValue }) => { return <div>{ propValue }</div>; }
- Context（上下文传递）：父组件通过context向下传递值，子组件通过context接收父组件传递的值。
父组件传递值：
const MyContext = React.createContext(defaultValue); <MyContext.Provider value={ value }> <ChildComponent /> </MyContext.Provider>
子组件接收值：
const ChildComponent = () => { const contextValue = useContext(MyContext); return <div>{ contextValue }</div>; }
- Refs（引用传递）：父组件通过ref向子组件传递值，子组件通过ref接收父组件传递的值。
父组件传递值：
const ChildComponent = ({ forwardRef }) => { return <input ref={ forwardRef } />; };
子组件接收值：
const ref = useRef(null); <ChildComponent forwardRef={ ref } />
