如何将此函数从样式化组件包转换为常规 jsx

大佬教程收集整理的这篇文章主要介绍了如何将此函数从样式化组件包转换为常规 jsx，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决如何将此函数从样式化组件包转换为常规 jsx？

我目前正在从我的 React 应用程序中删除样式组件。但是我在使用下面的函数时遇到了一些问题。有没有人有什么建议？为了更清楚一点。此函数设置不透明度和过滤模糊。我需要它做完全相同的事情，只是在常规 JsX 中。

const imgSrc = styled.div.attrs(props => ({
  style: {
            opacity: `${props.opacity}`,filter: `${props.filter}`
         }
}))

解决方法

const ImgSrc = props => (
  <div styles={{
            opacity: props.opacity,filter: props.filter
   }} />
)

大佬总结

以上是大佬教程为你收集整理的如何将此函数从样式化组件包转换为常规 jsx全部内容，希望文章能够帮你解决如何将此函数从样式化组件包转换为常规 jsx所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。