2019-09-19
描述
渲染一个可以使用回调函数将值传递给父组件的 <textarea>
元素。
- 使用对象解构为
<textarea>
元素的特定属性设置默认值 - 渲染一个包含适当属性的
<textarea>
元素,在onChange
事件中使用callback
函数将文本框的值传递给父组件
实现
function TextArea({
callback,
cols = 20,
rows = 2,
disabled = false,
readOnly = false,
placeholder = ''
}) {
return (
<textarea
cols={cols}
rows={rows}
disabled={disabled}
readOnly={readOnly}
placeholder={placeholder}
onChange={({ target: { value } }) => callback(value)}
/>
);
}
使用
ReactDOM.render(
<TextArea placeholder="Insert some text here..." callback={val => console.log(val)} />,
document.getElementById('root')
);
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于