在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 } />
)
